САЙТ НАХОДИТСЯ В РАЗРАБОТКЕ
Баннер ТОП

HTML тег <th>


Пример

Простая HTML таблица с двумя ячейками заголовка и двумя ячейками данных:

<table>
 <tr>
   <th>Month</th>
   <th>Savings</th>
 </tr>
 <tr>
   <td>January</td>
   <td>$100</td>
 </tr>
</table>
Попробуйте сами »

Боьше примеров "Попробуйте сами" ниже.


Определение и использование

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

HTML-таблица имеет два вида ячеек:

  • Ячейки заголовка - содержит информацию заголовка (созданную с помощью элемента <th>)
  • Стандартные ячейки - содержит данные (созданные с помощью элемента <td>)

Текст в элементах <th> по умолчанию выделен жирным шрифтом и центрирован.

Текст в элементах <td> по умолчанию обычный и выровненный по левому краю.


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

Элемент
<th> Yes Yes Yes Yes Yes

Советы и примечания

Совет: Используйте атрибуты colspan и rowspan, чтобы содержимое охватывало несколько столбцов или строк!


Различия между HTML 4.01 и HTML5

Все атрибуты макета удалены в HTML5.


Атрибуты

Атрибут Значение Описание
abbr text Определяет сокращенную версию содержимого в ячейке заголовка
align left
right
center
justify
char
Не поддерживается в HTML5.
Выравнивает содержимое в ячейке заголовка
axis category_name Не поддерживается в HTML5.
Категоризирует ячейки заголовка
bgcolor rgb(x,x,x)
#xxxxxx
colorname
Не поддерживается в HTML5.
Определяет цвет фона ячейки заголовка
char character Не поддерживается в HTML5.
Выравнивает содержимое в ячейке заголовка по символу
charoff number  Не поддерживается в HTML5.
Устанавливает количество символов, содержимое которых будет выровнено по символу, указанному атрибутом char
colspan number Определяет количество столбцов, которое должна охватывать ячейка заголовка
headers header_id Определяет одну или несколько ячеек заголовка, с которыми связана ячейка
height pixels
%
Не поддерживается в HTML5.
Устанавливает высоту ячейки заголовка
nowrap nowrap Не поддерживается в HTML5.
Указывает, что содержимое внутри ячейки заголовка не должно переноситься
rowspan number Определяет количество строк, которое должна охватывать ячейка заголовка
scope col
colgroup
row
rowgroup
Указывает, является ли ячейка заголовка заголовком для столбца, строки или группы столбцов или строк
sorted reversed
number
reversed number
number reversed
Определяет направление сортировки столбца
valign top
middle
bottom
baseline
Не поддерживается в HTML5.
Вертикально выравнивает содержимое в ячейке заголовка
width pixels
%
Не поддерживается в HTML5.
Определяет ширину ячейки заголовка

Глобальные атрибуты

Тег <th> также поддерживает Глобальные атрибуты в HTML.


Атрибуты событий

Тег <th> также поддерживает Атрибуты событий в HTML.


Попробуйте сами - Примеры

Заголовки таблицы
Как создать заголовки таблицы.

Таблица с подписью
HTML-таблица с подписью.

Теги внутри таблицы
Как отобразить элементы внутри других элементов.

Ячейки, занимающие более одной строки / столбца
Как определить ячейки таблицы, которые занимают более одной строки или одного столбца.


Связанные страницы

HTML учебник: HTML Таблицы

HTML DOM справочник: Объект TableHeader (th)

CSS учебник: Стилизация таблиц


Настройки CSS по умолчанию

Большинство браузеров будут отображать элемент <th> со следующими значениями по умолчанию:

th {
  display: table-cell;
  vertical-align: inherit;
  font-weight: bold;
  text-align: center;
}