Jaka jest struktura tabeli w HTML?

Struktura tabeli w HTML jest określana przez kilka elementów:

• <table>: Kontener tabeli.
• <caption>: Opcjonalny tytuł tabeli.
• <colgroup> i <col>: Opcjonalne elementy do grupowania kolumn i stosowania stylów.
• <thead>: Sekcja nagłówków kolumn.
• <tbody>: Sekcja głównej zawartości tabeli.
• <tfoot>: Sekcja stopki tabeli.
• <tr>: Wiersz tabeli.
• <th>: Komórka nagłówka w wierszu.
• <td>: Komórka danych w wierszu.

Elementy <thead>, <tbody> i <tfoot> pomagają grupować wiersze według znaczenia i mogą być używane przez przeglądarki do optymalizacji wyświetlania dużych tabel. Wewnątrz tych sekcji umieszczane są elementy <tr>. Wewnątrz <tr> znajdują się <th> (w <thead>, czasami w <tbody> lub <tfoot>) lub <td> (w <tbody> i <tfoot>, czasami w <thead>).

Przykład podstawowej struktury:

<table>
  <caption>
    Lista produktów
  </caption>
  <thead>
    <tr>
      <th>Nazwa</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">Razem: 250</td>
    </tr>
  </tfoot>
</table>