Главная - Справочник по HTML - Тег "TH"

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

Параметры тега:

Тег <TH> определяет заглавную ячейку для столбца в таблице. Обычно, содержимое ячейки выделяется жирным шрифтом.

Тег <TH> должен размещаться внутри тега <TR>, который в свою очередь располагается внутри тега <TABLE>.

Пример:

<table>
<tr>
<th>...</th>
</tr>
</table>

Параметры тега <TH>

bgcolor

Устанавливает цвет фона заголовочной ячейки. Значение цвета можно задавать двумя способами:

1. По его названию
2. По шестнадцатеричному значению

Пример:

<th bgcolor="red">...</th>

background

Определяет изображение, которое будет использоваться в качестве фонового рисунка заголовочной ячейки таблицы. В отличие от обычных изображений, для фона не устанавливаются ширина и высота, и он всегда отображается в натуральную величину с масштабом 100%. Если рисунок по размеру меньше ширины или высоты заголовочной ячейки, то картинка повторяется по горизонтали вправо и вниз, выстраиваясь, как мозаика. В качестве фона допускается использовать анимированные изображения в формате GIF.

Пример:

<th background="URL">...</th>

align

При помощи этого параметра можно установить выравнивание по горизонтали содержимого заголовочной ячейки. В качестве зарезервированных имен используются следующие:

left
Выравнивание по левому краю.

right
Выравнивание по правому краю.

center
Выравнивание по центру.

justify
Выравнивание по ширине (одновременно по правому и левому краю).

Пример:

<th align="justify">...</th>

bordercolor

Устанавливает цвет рамки вокруг заголовочной ячейки. Рамка показывается, когда установлен параметр border с ненулевым значением у тега <TABLE>.

Пример:

<th bordercolor="#2356fa">...</th>

colspan

Указывает кол-во столбцов которое объединено в заголовочной ячейке.

Пример:

<th colspan="2">...</th>

height

При помощи параметра изменяется высота заголовочной ячейки. Здесь возможны два варианта. Если значение height меньше, чем содержимое заголовочной ячейки, то этот параметр будет проигнорирован. В случае, когда установлена высота заголовочной ячейки, превышающая ее содержимое, добавляется пустое пространство по вертикали. Значение указывается в пикселах или процентах от доступного пространства.

Пример:

<th height="30">...</th>

width

При помощи параметра изменяется ширина заголовочной ячейки. Если общая ширина содержимого превышает указанную ширину заголовочной ячейки, то браузер будет пытаться «втиснуться» в заданные размеры за счет форматирования текста. В случае, когда это невозможно, параметр width будет проигнорирован, и новая ширина заголовочной ячейки будет вычислена на основе ее содержимого. Значение указывается в пикселах или процентах от доступного пространства.

Пример:

<th width="200">...</th>

nowrap

При помощи параметра можно заставить текст внутри заголовочной ячейки отображаться без переносов. Неправильное использование этого атрибута может привести к тому, что таблица будет слишком широкой и не поместится целиком на веб-страницу. Как следствие, появится горизонтальная полоса прокрутки.

Пример:

<th nowrap>...</th>

rowspan

Указывает кол-во строк которое объединено в заголовочной ячейке.

Пример:

<th rowspan="7">...</th>

valign

Устанавливает вертикальное выравнивание содержимого заголовочной ячейки. По умолчанию контент заголовочной ячейки располагается по ее вертикали в центре. В качестве зарезервированных имен используются следующие:

top
Выравнивание содержимого заголовочной ячейки по верхнему краю строки.

bottom
Выравнивание содержимого заголовочной ячейки по нижнему краю строки.

middle
Выравнивание содержимого заголовочной ячейки по середине строки.

baseline
Выравнивание содержимого заголовочной ячейки по базовой линии строки, при этом происходит привязка содержимого заголовочной ячейки к одной линии.

Пример:

<th valign="baseline">...</th>

title

Добавляет к тексту заголовочной ячейки всплывающую подсказку, которая появляется при наведениии курсора мыши. Текст подсказки должен заключаться в двойные или одинарные кавычки.

Пример:

<th title="подсказка">...</th>

по алфавиту  /  по категориям  / скачать "Справочник по HTML"