HTML <th> Тег
Пример
Простая HTML-таблица с двумя ячейками заголовка и двумя ячейками данных:
<table>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
Подробнее примеры ниже.
Определение и использование
Тег <th> определяет ячейку заголовка в таблице HTML.
Таблица HTML имеет два типа ячеек:
- Header cells - содержит сведения о заголовке (созданные с помощью <th> элемент)
- Standard cells - содержит данные (созданные с помощью <td> элемента)
Текст в <th> элементах выделен полужирным шрифтом и по умолчанию по центру.
Текст в элементах <td> является обычным и выровнен по левому краю по умолчанию.
Поддержка браузера
| Элемент | |||||
|---|---|---|---|---|---|
| <th> | Да | Да | Да | Да | Да |
Советы и примечания
Совет: Используйте атрибут 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 с подписью.
Теги внутри таблицы
Отображение элементов внутри других элементов.
Cлоктя, которые охватывают более одной строки/столбца
Определение ячеек таблицы, охватывающих более одной строки или одного столбца.
Похожие страницы
HTML Учебник: HTML Tables
HTML DOM Ссылки: TableHeader Object
CSS Учебник: Styling Tables
Параметры CSS по умолчанию
Большинство браузеров будут отображать <th> элемент со следующими значениями по умолчанию:
th {
display: table-cell;
vertical-align: inherit;
font-weight: bold;
text-align: center;
}