Element <th> w HTML

Element <th> w HTML

Element <th> oznacza komórkę nagłówkową tabeli. Stosuje się go najczęściej w pierwszym wierszu tabeli, gdy trzeba opisać znaczenie kolumn, np. „Artykuł”, „Rozmiar”, „Cena”.

Przykład

<table>
  <tr>
    <th>Artykuł</th>
    <th>Rozmiar</th>
    <th>Cena</th>
  </tr>
  <tr>
    <td>Spodnie dżinsowe</td>
    <td>S</td>
    <td>79,99 zł</td>
  </tr>
</table>

W przeglądarce tekst w komórkach <th> jest domyślnie pogrubiony i zwykle wyśrodkowany, nawet bez użycia CSS. Dlatego w tabeli bez stylów CSS nagłówki kolumn często wyglądają inaczej niż zwykłe dane.

Różnica między <th> a <td>

• <th> — komórka nagłówkowa, opisuje kolumnę lub wiersz.
• <td> — zwykła komórka z danymi.

W kontekście pytania egzaminacyjnego

Jeżeli pierwszy wiersz tabeli zawiera nazwy kolumn, np. „Artykuł”, „Rozmiar”, „Cena”, właściwy zapis to:

<tr>
  <th>Artykuł</th>
  <th>Rozmiar</th>
  <th>Cena</th>
</tr>

Taki zapis jest semantycznie poprawny i odpowiada standardowej budowie tabeli HTML.