Koja je struktura tabele u HTML-u?

Struktura tabele u HTML-u određuje se pomoću nekoliko elemenata:

• <table>: Omotač tabele.
• <caption>: Opcioni naslov tabele.
• <colgroup> i <col>: Opcioni elementi za grupisanje kolona i primenu stilova.
• <thead>: Sekcija zaglavlja kolona.
• <tbody>: Sekcija glavnog sadržaja tabele.
• <tfoot>: Sekcija donjeg dela tabele.
• <tr>: Red tabele.
• <th>: Ćelija zaglavlja u redu.
• <td>: Ćelija podataka u redu.

Elementi <thead>, <tbody> i <tfoot> pomažu u grupisanju redova po značenju i mogu se koristiti od strane pretraživača za optimizaciju prikaza velikih tabela. Unutar ovih sekcija nalaze se elementi <tr>. Unutar <tr> se nalaze <th> (u <thead>, ponekad u <tbody> ili <tfoot>) ili <td> (u <tbody> i <tfoot>, ponekad u <thead>).

Primer osnovne strukture:

<table>
  <caption>
    Lista proizvoda
  </caption>
  <thead>
    <tr>
      <th>Ime</th>
      <th>Cena</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Proizvod 1</td>
      <td>100</td>
    </tr>
    <tr>
      <td>Proizvod 2</td>
      <td>150</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td colspan="2">Ukupno: 250</td>
    </tr>
  </tfoot>
</table>