Care este structura unui tabel în HTML?

Structura tabelului în HTML este definită prin mai multe elemente:

• <table>: Containerele tabelului.
• <caption>: Titlul opțional al tabelului.
• <colgroup> și <col>: Elemente opționale pentru gruparea coloanelor și aplicarea stilurilor.
• <thead>: Secțiunea antetului coloanelor.
• <tbody>: Secțiunea conținutului principal al tabelului.
• <tfoot>: Secțiunea subsolului tabelului.
• <tr>: Rândul tabelului.
• <th>: Celula de antet într-un rând.
• <td>: Celula de date într-un rând.

Elementele <thead>, <tbody> și <tfoot> ajută la gruparea rândurilor după sens și pot fi utilizate de browsere pentru a optimiza afișarea tabelelor mari. În interiorul acestor secțiuni se află elemente <tr>. În interiorul <tr>, se află <th> (în <thead>, uneori în <tbody> sau <tfoot>) sau <td> (în <tbody> și <tfoot>, uneori în <thead>).

Exemplu de structură de bază:

<table>
  <caption>
    Lista de produse
  </caption>
  <thead>
    <tr>
      <th>Nume</th>
      <th>Preț</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Produs 1</td>
      <td>100</td>
    </tr>
    <tr>
      <td>Produs 2</td>
      <td>150</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td colspan="2">Total: 250</td>
    </tr>
  </tfoot>
</table>