Komórki nagłówkowe w tabeli w HTML

Oprócz znaczników td istnieją również znaczniki th, które również tworzą komórki. Ale nie będą to już zwykłe komórki, a komórki nagłówkowe, które wskazują, co znajduje się w danej kolumnie (lub wierszu) tabeli. Domyślnie tekst w takich komórkach th będzie pogrubiony i wyśrodkowany.

Spójrzmy na przykładzie. Załóżmy, że mamy taką tabelę z pracownikami:

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

Jak widzisz, w pierwszej kolumnie przechowywane jest imię pracownika, w drugiej kolumnie - nazwisko, a w trzeciej - wynagrodzenie. Zróbmy jeszcze jednen wiersz na początku tabeli, w którym umieścimy nagłówki kolumn w znacznikach th:

<table border="1" width="300">
	<tr>
		<th>Imię</th>
		<th>Nazwisko</th>
		<th>Wynagrodzenie</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>

Powtórz przykład podany poniżej: