Тег th задает ячейку-заголовок HTML таблицы. Существует также тег td, который задает обычную ячейку таблицы.

Разница между td и th: первый - это обычная ячейка, а второй - это ячейка-заголовок. Пример: Иванов, Петров, Сидоров - это обычные ячейки, а фамилия - это ячейка-заголовок.

По умолчанию текст в ячейке-заголовке стоит по центру и жирный. Это поведение можно поменять с помощью CSS свойств text-align и font-weight. Для выравнивания можно также воспользоваться атрибутом align. Он считается устаревшим, однако до сих пор работает во всех браузерах (лучше, конечно же, пользоваться CSS).

Тег по умолчанию не блочный и не строчный, а ведет себя как ячейка таблицы. Подробнее см. свойство display.

См. также полезные CSS свойства для таблиц border-collapse, border-spacing, empty-cells, table-layout.

См. также CSS свойство vertical-align, которое задает выравнивание текста в ячейках таблицы по вертикали (оно работает не только для таблиц).

См. также атрибуты rowspan и colspan, которые объединяют ряды и столбцы таблицы.

Примеры

Пример

В данном примере создана таблица с ячейками th и td. Также добавлен атрибут border, который задает границу таблице и ее ячейкам:

<table border="1">
	<tr>
		<th>Имя</th>
		<th>Фамилия</th>
		<th>Зарплата</th>
	</tr>
	<tr>
		<td>Иван</td>
		<td>Иванов</td>
		<td>200$</td>
	</tr>
	<tr>
		<td>Николай</td>
		<td>Сидоров</td>
		<td>1000$</td>
	</tr>
</table>

Посмотреть пример.