HTML'de bir tablonun yapısı nedir?

HTML'de tablo yapısı birkaç öğe ile belirlenir:

• <table>: Tabloyu kapsayan ana öğe.
• <caption>: Tablo başlığı (isteğe bağlı).
• <colgroup> ve <col>: Sütun gruplama ve stil uygulama için isteğe bağlı öğeler.
• <thead>: Sütun başlıkları bölümü.
• <tbody>: Tablo ana içeriği bölümü.
• <tfoot>: Tablo altbilgisi bölümü.
• <tr>: Tablo satırı.
• <th>: Satırdaki başlık hücresi.
• <td>: Satırdaki veri hücresi.

<thead>, <tbody> ve <tfoot> öğeleri, anlam açısından satırları gruplamaya yardımcı olur ve büyük tabloların görüntülenmesini optimize etmek için tarayıcılar tarafından kullanılabilir. Bu bölümlerin içinde <tr> öğeleri bulunur. <tr> içinde ise <th> (genellikle <thead>'de, bazen <tbody> veya <tfoot>'da) veya <td> (genellikle <tbody> ve <tfoot>'da, bazen <thead>'de) yer alır.

Temel yapı örneği:

<table>
  <caption>
    Ürün Listesi
  </caption>
  <thead>
    <tr>
      <th>İsim</th>
      <th>Fiyat</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Ürün 1</td>
      <td>100</td>
    </tr>
    <tr>
      <td>Ürün 2</td>
      <td>150</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td colspan="2">Toplam: 250</td>
    </tr>
  </tfoot>
</table>