HTML <th> Tag

❮ Предыдущая Следующая ❯

пример

Простой 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>	да	да	да	да	да

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

Совет: Используйте 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 гезов , которые охватывают более одной строки / столбца
Как определить ячейки таблицы, которые охватывают более чем одну строку или один столбец.

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

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

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