HTMLda jadvalning tuzilishi qanday?

HTMLda jadval tuzilishi bir nechta elementlar bilan belgilanadi:

• <table>: Jadvalning konteyneri.
• <caption>: Jadval uchun ixtiyoriy sarlavha.
• <colgroup> va <col>: Satrlarni guruhlash va uslublarni qo'llash uchun ixtiyoriy elementlar.
• <thead>: Sarlavha bo'limi.
• <tbody>: Asosiy mazmun bo'limi.
• <tfoot>: Jadval osti qismi.
• <tr>: Jadval satri.
• <th>: Satrdagi sarlavha hujaji.
• <td>: Satrdagi ma'lumot hujaji.

<thead>, <tbody> va <tfoot> elementlari ma'noni guruhlashga yordam beradi va katta jadvallarni ko'rsatishni optimallashtirish uchun brauzerlar tomonidan ishlatilishi mumkin. Bu bo'limlar ichida <tr> elementlari joylashadi. <tr> ichida <th> (odatda <thead>da, ba'zan <tbody> yoki <tfoot>da) yoki <td> (odatda <tbody> va <tfoot>da, ba'zan <thead>da) joylashadi.

Asosiy tuzilma misoli:

<table>
  <caption>
    Mahsulotlar ro'yxati
  </caption>
  <thead>
    <tr>
      <th>Nomi</th>
      <th>Narxi</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Mahsulot 1</td>
      <td>100</td>
    </tr>
    <tr>
      <td>Mahsulot 2</td>
      <td>150</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td colspan="2">Jami: 250</td>
    </tr>
  </tfoot>
</table>