Тег <th> HTML ячейка заголовок в таблице

Рейтинг: 4 из 5, голосов 1
++++-

Тег <th> определяет ячейку-заголовок в HTML таблице. Используется в HTML таблицах определенных тегом <table>.

В HTML таблицах существует 2 типа ячеек: ячейки-заголовки и обычные ячейки. Тег <th> указывает на ячейки-заголовки таблицы HTML. Для определения обычной ячейки используйте тег <td>.

HTML тег ячейки <th> ставится внутри тега <tr> - строки таблицы.

Подробнее про создание таблиц читайте в статье: Создание таблиц в HTML. Все о HTML таблицах.

Синтаксис

<th>контент ячейки</th>

Отображение в браузере

Ячейка-заголовок 1 Ячейка-заголовок 2
Обычная ячейка 1 Обычная ячейка 2
Обычная ячейка 3 Обычная ячейка 4

Пример использования <th> в HTML коде

<!DOCTYPE html>
<html>
<head>
<title>Ячейки-заголовки в HTML таблице</title>
</head>
<body>
<table>
<tbody>
<tr>
<th>Ячейка-заголовок 1</th>
<th>Ячейка-заголовок 2</th>
</tr>
<tr>
<td>Обычная ячейка 1</td>
<td>Обычная ячейка 2</td>
</tr>
<tr>
<td>Обычная ячейка 3</td>
<td>Обычная ячейка 4</td>
</tr>
</tbody>
</table>
</body>
</html>

Поддержка браузерами

Тег Google Chrome Internet Explorer Mozilla FireFox Safari Opera
<th> Да Да Да Да Да

Атрибуты

Атрибут Значения Описание
colspan число Количество ячеек по горизонтали, которые должны быть объединены.
headers id_заголовка Указывает заголовок, к которому относится ячейка.
rowspan число Количество ячеек по вертикали, которые должны быть объединены.
scope col
colgroup
row
rowgroup
Устанавливает группу ячеек, к которым относится ячейка-заголовок <th>:
col - колонка; colgroup - группа колонок; row - ряд; rowgroup - группа рядов.
Устаревшие атрибуты
abbr текст Короткая версия содержимого ячейки.
align left
right
center
justify
Задает правило выравнивания содержимого ячейки по горизонтали. В HTML5 используйте CSS.
axis имя_категории Используется для категоризации ячеек. Задает категорию, к которой принадлежит ячейка. В HTML5 используйте классы CSS.
bgcolor rgb
HTML hex
HTML colorname

Фоновый цвет. В HTML5 используйте CSS.

Примеры:
RGB: rgb(216,122,030), rgb(0, 55, 191).
HTML hex: #ebedef, #999.
HTML colorname: red, black;

height пиксели
проценты
Высота ячейки. В HTML5 используйте CSS.
nowrap пусто / nowrap Логический атрибут. Устанавливает запрет переноса в тексте ячейки. В HTML5 используйте CSS.
valign top
middle
bottom
baseline
Задает правило выравнивания содержимого ячейки по вертикали. В HTML5 используйте CSS.
width пиксели
проценты
Ширина ячейки. В HTML5 используйте CSS.
Оцените, насколько полезна эта статья
++++-
Оставьте комментарий

Отправляя форму, я даю согласие на обработку персональных данных.