Overskriftceller i tabeller i HTML

Udover tagsene td findes der også tags th, som også skaber celler. Men disse vil ikke være almindelige celler, men overskriftceller, som angiver, hvad der befinder sig i den givne kolonne (eller række) i tabellen. Som standard vil teksten i sådanne th-celler være fed og centreret.

Lad os se på et eksempel. Antag, at vi har følgende tabel med medarbejdere:

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>

Результат:

Som du kan se, gemmes medarbejderens fornavn i den første kolonne, efternavn i den anden kolonne, og løn i den tredje. Lad os tilføje endnu en række i starten af tabellen, hvor vi placerer kolonneoverskrifterne i th-tags:

html<table border="1" width="300">
  <tr>
    <th>Navn</th>
    <th>Efternavn</th>
    <th>Løn</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>

Результат: