Komórki nagłówkowe w tabeli w HTML

Oprócz znaczników td istnieją również znaczniki th, które również tworzą komórki. Ale nie będą to już zwykłe komórki, a komórki nagłówkowe, które wskazują, co znajduje się w danej kolumnie (lub wierszu) tabeli. Domyślnie tekst w takich komórkach th będzie pogrubiony i wyśrodkowany.

Spójrzmy na przykładzie. Załóżmy, że mamy taką tabelę z pracownikami:

html<table border="1" width="300">
  <tr>
    <td>John</td>
    <td>Smith</td>
    <td>200$</td>
  </tr>
  <tr>
    <td>Nick</td>
    <td>Mayers</td>
    <td>300$</td>
  </tr>
  <tr>
    <td>Alex</td>
    <td>Jonson</td>
    <td>400$</td>
  </tr>
</table>

Результат:

Jak widzisz, w pierwszej kolumnie przechowywane jest imię pracownika, w drugiej kolumnie - nazwisko, a w trzeciej - wynagrodzenie. Zróbmy jeszcze jednen wiersz na początku tabeli, w którym umieścimy nagłówki kolumn w znacznikach th:

html<table border="1" width="300">
  <tr>
    <th>Imię</th>
    <th>Nazwisko</th>
    <th>Wynagrodzenie</th>
  </tr>
  <tr>
    <td>John</td>
    <td>Smith</td>
    <td>200$</td>
  </tr>
  <tr>
    <td>Nick</td>
    <td>Mayers</td>
    <td>300$</td>
  </tr>
  <tr>
    <td>Alex</td>
    <td>Jonson</td>
    <td>400$</td>
  </tr>
</table>

Результат: