HTML-də cədvəlin quruluşu necədir?

HTML-də cədvəlin quruluşu bir neçə elementlə müəyyən edilir:

• <table>: Cədvəlin konteyneri.
• <caption>: İstəyə bağlı cədvəlin başlığı.
• <colgroup> və <col>: Sütunların qruplaşdırılması və üslubların tətbiqi üçün istəyə bağlı elementlər.
• <thead>: Sütun başlıqları bölməsi.
• <tbody>: Cədvəlin əsas məzmun bölməsi.
• <tfoot>: Cədvəlin altbilgisi bölməsi.
• <tr>: Cədvəl sətiri.
• <th>: Sətirdə başlıq hüceyrəsi.
• <td>: Sətirdə məlumat hüceyrəsi.

<thead>, <tbody> və <tfoot> elementləri mənanı qruplaşdırmağa kömək edir və böyük cədvəllərin göstərilməsini optimallaşdırmaq üçün brauzerlər tərəfindən istifadə oluna bilər. Bu bölmələrdə <tr> elementləri yerləşir. <tr> içində isə <th> (adətən <thead>də, bəzən <tbody> və ya <tfoot>da) və ya <td> (adətən <tbody> və <tfoot>da, bəzən <thead>də) yerləşir.

Əsas struktur nümunəsi:

<table>
  <caption>
    Məhsul siyahısı
  </caption>
  <thead>
    <tr>
      <th>Ad</th>
      <th>Qiymət</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Məhsul 1</td>
      <td>100</td>
    </tr>
    <tr>
      <td>Məhsul 2</td>
      <td>150</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td colspan="2">Cəm: 250</td>
    </tr>
  </tfoot>
</table>