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

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

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

Тег <TD> указывает параметры и содержимое отдельной ячейки в таблице.

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

Пример:

<table>
<tr>
<td>...</td>
</tr>
</table>

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

bgcolor

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

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

Пример:

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

background

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

Пример:

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

align

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

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

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

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

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

Пример:

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

bordercolor

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

Пример:

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

colspan

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

Пример:

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

height

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

Пример:

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

width

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

Пример:

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

nowrap

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

Пример:

<td nowrap>...</td>

rowspan

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

Пример:

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

valign

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

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

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

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

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

Пример:

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

title

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

Пример:

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

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