«Единственный способ творить великие дела – это любить то, что ты делаешь»
HTML


Тег <td> предназначен для создания ячейки таблицы.

Тег <td> располагается внутри тега <tr>, который расположен внутри тега <table>.

Закрывающий тег

Используется, но не обязателен


Атрибут Align

Атрибут тега td - выравнивание содержимого ячейки по горизонтали.

Значение/я атрибута:

- left - выравнивание содержимого ячейки по левому краю
- center – выравнивание содержимого ячейки по центру
- right - выравнивание содержимого ячейки по правому краю
- justify – выравнивание содержимого ячейки по ширине

Значение по умолчанию:
left

Атрибут Valign

Атрибут тега td - выравнивание содержимого ячейки по вертикали.

Значение/я атрибута:

- top - выравнивание содержимого ячейки по верхнему краю
- middle – выравнивание содержимого ячейки по середине
- bottom - выравнивание содержимого ячейки по нижнему краю

Значение по умолчанию:
middle

Атрибут Background

Атрибут тега td - задает фоновый рисунок в ячейке.

В качестве фонового рисунка желательно использовать изображение, размер которого совпадает (или больше) с размером ячейки, так как иначе картинка будет повторяться. В отличии от обычных изображений, размещаемых на странице - для фонового изображения нельзя задать ширину и высоту (оно всегда отображается в натуральную величину).

Значение/я атрибута:
Абсолютный или относительный путь к файлу с изображением (подробнее здесь...)
Значение по умолчанию:
Не имеет

Атрибут Bgcolor

Атрибут тега td - задает фоновый цвет ячейки.

Значение/я атрибута:
Цвет можно задать двумя способами (подробнее здесь...)
Значение по умолчанию:
Цвет фона, заданный в браузере по умолчанию (обычно белый)

Атрибут Bordercolor

Атрибут тега td - задает цвет рамки ячейки.

Атрибут поддерживается не всеми браузерами!

Значение/я атрибута:
Цвет можно задать двумя способами (подробнее здесь...)
Значение по умолчанию:
Зависит от браузера

Атрибут Colspan

Атрибут тега td - указывает число ячеек, которые должны быть объединены по горизонтали.

Значение/я атрибута:
Целое положительное число больше 1
Значение по умолчанию:
1

Атрибут Rowspan

Атрибут тега td - указывает число ячеек, которые должны быть объединены по вертикали.

Значение/я атрибута:
Целое положительное число больше 1
Значение по умолчанию:
1

Атрибут Height и Width

Атрибут height и width тега td - высота и ширина ячейки в пикселях, либо в процентах относительно ширины таблицы.

Значение/я атрибута:

- целое положительное число. В этом случае ширина будет задана в пикселях.

- целое положительное число с символом %.

Значение по умолчанию:
Высота и ширина меняются в зависимости от содержимого ячейки.
Пример
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title> Тег td </title>
</head>
<body>

<table width="400" border="2">

<tr>
<td valign="bottom" bgcolor="#99FFFF" bordercolor="yellow"> 1 </td>
<td height="100" valign="top"> 2 </td>
<td rowspan="2" align="center" background="img.gif"> 3-6 </td>
</tr>

<tr> <td colspan="2" align="center"> 4-5 </td> </tr>

<tr>
<td align="right"> 7 </td>
<td width="200" bordercolor="red"> 8 </td>
<td> 9 </td>
</tr>

</table>

</body>
</html>


Результат



Все теги HTML

HTML по шагам