Header-cellen in tabellen in HTML

Naast de tags td bestaan er ook tags th, die ook cellen creëren. Maar dit zijn geen gewone cellen, maar header-cellen, die aangeven wat zich in de desbetreffende kolom (of rij) van de tabel bevindt. Standaard is de tekst in dergelijke th-cellen vetgedrukt en gecentreerd.

Laten we een voorbeeld bekijken. Stel we hebben de volgende tabel met werknemers:

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>

Результат:

Zoals je ziet, wordt in de eerste kolom de voornaam van de werknemer opgeslagen, in de tweede kolom - de achternaam, en in de derde - het salaris. Laten we nog een rij aan het begin van de tabel toevoegen, waarin we de kolomkoppen in de tags th plaatsen:

html<table border="1" width="300">
  <tr>
    <th>Naam</th>
    <th>Achternaam</th>
    <th>Salaris</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>

Результат: