Руководство по HTML

Полный список тегов HTML

HTML: <th> тег

Тег <th> в HTML определяет ячейку заголовка, которая может出现在 первой строке HTML таблицы. Браузер будет отображать текст, найденный в теге <th>, жирным и выровненным по центру. Этот тег также часто называется элементом <th>.

Онлайн пример

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

Пример

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Использование тега th в HTML (Основной учебник на oldtoolbag.com)</title>
</head>
<body>
<table border="1">
　　<tr>
　　　　<th>Заголовок столбца 1</th>
　　　　<th>Заголовок столбца 2</th>
　　　　<th>Заголовок столбца 3</th>
　　</tr>
　　<tr>
　　　　<td>Данные в столбце 1, строке 2</td>
　　　　<td>Данные в столбце 2, строке 2</td>
　　　　<td>Данные в столбце 3, строке 2</td>
　　</tr>
</table>
</body>
</html>

Проверьте, посмотрите <‹/›

В этом примере документа HTML5 мы использовали тег <table>, чтобы создать таблицу с 3 столбцами и 2 строками. Первая строка таблицы содержит 3 заголовка таблицы, определенные с помощью тега <th>. Вторая строка таблицы содержит стандартные ячейки, определенные с помощью тега <td>.

Совместимость браузеров

IEFirefoxOperaChromeSafari

Все основные браузеры поддерживают тег <th>.

Описание тега и его использования

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

HTML таблицы имеют два типа ячеек:

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

Текст в элементе <th> обычно отображается жирным и выровненным по центру.

Текст в элементе <td> обычно является обычным текстом, выровненным слева.

<th> - это ячейка заголовка, которая может出现在 первой строке таблицы HTML. Вы можете определить <th> в <thead>, что имеет некоторые преимущества в браузерах, но это необязательно.

Советы и注意事项

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

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

В HTML 5某些 атрибуты, поддерживаемые в HTML 4.01, больше не поддерживаются.

Атрибут

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

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

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

событийные атрибуты

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

Более примеров

Таблицевые ячейки,跨越多行或多列
Этот пример демонстрирует, как определить таблицевые ячейки,跨越多行或多列.

Теги в таблице
Этот пример демонстрирует, как элементы отображаются в различных элементах.

Отступ между ячейками (Cell padding)
Этот пример демонстрирует, как использовать Cell padding для создания пробела между содержимым ячейки и ее рамкой.

Интервал между ячейками (Cell spacing)
Этот пример демонстрирует, как использовать Cell spacing для увеличения расстояния между ячейками.

С的相关文章

Уроки HTML:Таблицы HTML

Руководство по HTML DOM:Объект Th

HTML: <thead> тег HTML: <tfoot> тег