Aká je štruktúra tabuľky v HTML?

Štruktúra tabuľky v HTML je definovaná niekoľkými prvkami:

• <table>: Obal tabuľky.
• <caption>: Nepovinný názov tabuľky.
• <colgroup> a <col>: Nepovinné prvky na skupinovanie stĺpcov a aplikovanie štýlov.
• <thead>: Sekcia hlavičiek stĺpcov.
• <tbody>: Sekcia hlavného obsahu tabuľky.
• <tfoot>: Sekcia spodného záhlavia tabuľky.
• <tr>: Riadok tabuľky.
• <th>: Hlavičková bunka v riadku.
• <td>: Dáta bunka v riadku.

Prvky <thead>, <tbody> a <tfoot> pomáhajú skupinovať riadky podľa významu a môžu byť použité pre optimalizáciu zobrazenia veľkých tabuliek pre prehliadače. Vo vnútri týchto sekcií sa nachádzajú prvky <tr>. Vo vnútri <tr> sú <th> (zvyčajne v <thead>, niekedy v <tbody> alebo <tfoot>) alebo <td> (v <tbody> a <tfoot>, niekedy v <thead>).

Príklad základnej štruktúry:

<table>
  <caption>
    Zoznam produktov
  </caption>
  <thead>
    <tr>
      <th>Názov</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">Celkom: 250</td>
    </tr>
  </tfoot>
</table>