Заглавни клетки в таблица в HTML

Освен таговете td съществуват и тагове th, които също създават клетки. Но това вече няма да са обикновени клетки, а заглавни клетки, които указват какво се намира в дадената колона (или ред) на таблицата. По подразбиране текстът в такива клетки th ще бъде получер и подравнен в центъра.

Нека разгледаме пример. Да предположим, че имаме следната таблица със служители:

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

Както виждате, в първата колона се съхранява името на служителя, във втората колона - фамилията, а в третата - заплатата. Нека направим още един ред в началото на таблицата, в който ще поставим заглавията на колоните в тагове th:

<table border="1" width="300">
	<tr>
		<th>Name</th>
		<th>Surname</th>
		<th>Salary</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>

Повторете примера, даден по-долу: