Jaká je struktura tabulky v HTML?

Struktura tabulky v HTML je definována několika prvky:

• <table>: Obal tabulky.
• <caption>: Nepovinný nadpis tabulky.
• <colgroup> a <col>: Nepovinné prvky pro seskupení sloupců a aplikaci stylů.
• <thead>: Sekce hlaviček sloupců.
• <tbody>: Sekce hlavního obsahu tabulky.
• <tfoot>: Sekce spodního okraje tabulky.
• <tr>: Řádek tabulky.
• <th>: Buňka hlavičky v řádku.
• <td>: Buňka dat v řádku.

Prvky <thead>, <tbody> a <tfoot> pomáhají seskupovat řádky podle významu a mohou být použity pro optimalizaci zobrazení velkých tabulek pro prohlížeče. Uvnitř těchto sekcí jsou <tr>. Uvnitř <tr> jsou <th> (obvykle v <thead>, někdy v <tbody> nebo <tfoot>) nebo <td> (v <tbody> a <tfoot>, někdy v <thead>).

Příklad základní struktury:

<table>
  <caption>
    Seznam produktů
  </caption>
  <thead>
    <tr>
      <th>Název</th>
      <th>Cena</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Produkt 1</td>
      <td>100</td>
    </tr>
    <tr>
      <td>Produkt 2</td>
      <td>150</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td colspan="2">Celkem: 250</td>
    </tr>
  </tfoot>
</table>