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:

<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:

<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>

Herhaal het onderstaande voorbeeld: