Синтаксис
<table>
<tr>
<th>...</th>
</tr>
</table>
Описание
Тег <th> (от англ. table header cell — ячейка заголовка таблицы) предназначен для создания одной заголовочной ячейки таблицы.
Внимание!
Элемент должен находиться внутри контейнера <tr> (определяет строки таблицы), который в свою очередь располагается внутри элемента <table>.
Содержимым тега <th> может быть любой HTML элемент: текст, форма, изображение, таблица и т.д.
По умолчанию содержимое ячейки отображается жирным шрифтом и выравнивается по центру.
Примечание!
Чаще всего с тегом <th> используют атрибуты colspan и rowspan, чтобы содержимое охватывало несколько столбцов или строк.
Атрибуты, которые можно использовать в теге <th>, указаны ниже. Также тег поддерживает глобальные атрибуты и атрибуты события.
Атрибуты
Атрибут | Значение | Описание |
abbr | текст |
Задает сокращенную версию содержимого в ячейке заголовка |
align | left right center justify char |
Выравнивание содержимого в ячейке заголовка. |
axis | текст |
Классифицирует ячейки заголовка. |
background | URL-адрес |
Задает фоновый рисунок в ячейке. |
bgcolor | rgb(x,x,x) #xxxxxx название цвета |
Задает цвет фона ячейки заголовка. |
bordercolor | rgb(x,x,x) #xxxxxx название цвета |
Задает цвет рамки. |
char | символ |
Выравнивает содержимое ячейки данных таблицы по заданному символу. |
charoff | число |
Атрибут позволяет произвести выравнивание в ячейке данных с указанного в атрибуте символа вправо или влево. |
colspan | число |
Атрибут определяет количество столбцов, которое ячейка должна охватывать. |
headers | id ячейки |
Указывает id одной или нескольких заголовок ячеек, которые определяются HTML тегом <th>. |
height | % px |
Задает высоту ячейки. |
nowrap | nowrap |
Указывает, что содержание в ячейке не должно переноситься. |
rowspan | число |
Атрибут определяет количество строк, которые ячейка данных должна охватывать. |
scope | col colgroup row rowgroup |
Задает способ связывания заголовочной ячейки (HTML тег <th>) с ячейками данных в таблице. |
valign | top middle bottom baseline |
Задает вертикальное выравнивание содержимого в ячейке данных. |
width | % px |
Задает ширину ячейки данных. |
Пример
HTML-код:
</thead>
<tbody>
</tbody>
Отображение в браузере:
№ | Страна | Город |
---|---|---|
1 | Россия | Москва |
2 | Беларусь | Минск |
3 | Украина | Киев |
Параметры CSS по умолчанию
th {
display: table-cell;
vertical-align: inherit;
font-weight: bold;
text-align: center;
}
Поддержка браузера
Элемент |
Chrome |
Opera |
Firefox |
Safari |
Microsoft Edge |
<th> | Да | Да | Да | Да | Да |
Продолжаем добавлять языки программирования для Вас.
Впереди много интересного!
Только свежие новости программирования и технологий каждый день.
Комментарии