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:

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

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

Gjenta eksemplet vist under: