Overskriftceller i tabeller i HTML

I tillegg til taggene td finnes det også tagger th, som også lager celler. Men disse vil ikke være vanlige celler, men overskriftceller, som indikerer hva som befinner seg i denne kolonnen (eller raden) i tabellen. Som standard vil teksten i slike celler th være fet og sentrert.

La oss se på et eksempel. Anta at vi har en slik tabell med ansatte:

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 ser, lagres det i den første kolonnen ansattes fornavn, i den andre kolonnen - etternavn, og i den tredje - lønn. La oss lage en ekstra rad i begynnelsen av tabellen, der vi plasserer kolonneoverskriftene i taggene th:

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

Результат: