Тег <td>
Предназначен для создания одной ячейки таблицы. Тег <td> должен размещаться внутри контейнера <tr>, который в свою очередь располагается внутри тега <table>.
поддержка браузерами:
IExplorer | Chrome | Opera | Safari | Firefox | Android | iOS |
3.0+ | 1.0+ | 1.0+ | 1.0+ | 1.0+ | 1.0+ | 1.0+ |
спецификация:
HTML: | 3.2 | 4.01 | 5.0 |
XHTML: | 1.0 | 1.1 |
синтаксис:
<table>
<tr>
<td>...</td>
</tr>
</table>
атрибуты:
abbr - Атрибут abbr предназначен для краткого описания содержимого ячеек.
align - Задает выравнивание содержимого ячейки по горизонтали.
axis - Позволяет группировать колонки или строки связанные между собой близкой информацией.
background - Определяет изображение, которое будет использоваться в качестве фонового рисунка ячейки таблицы.
bgcolor - Устанавливает цвет фона ячейки.
bordercolor - Устанавливает цвет рамки вокруг ячейки.
char - Атрибут char позволяет выравнить содержимое ячейки по заданному символу.
charoff - Если атрибут align установлен как char, а для атрибута char в качестве значения задан символ, то с помощью атрибута charoff можно смещать содержимое ячейки влево или вправо относительно заданного символа.
colspan - Устанавливает число ячеек, которые должны быть объединены по горизонтали.
headers - Позволяет связать ячейки таблицы с заголовками.
height - Браузер сам устанавливает высоту таблицы и ее ячеек исходя из их содержимого.
nowrap - Добавление атрибута nowrap к тегу <td> заставляет текст внутри ячейки отображаться без переносов, одной сплошной строкой.
rowspan - Устанавливает число ячеек, которые должны быть объединены по вертикали.
scope - Атрибут scope связывает между собой ячейки с заголовком и обычные ячейки.
valign - Устанавливает вертикальное выравнивание содержимого ячейки.
width - Задает ширину ячейки.
align - Задает выравнивание содержимого ячейки по горизонтали.
axis - Позволяет группировать колонки или строки связанные между собой близкой информацией.
background - Определяет изображение, которое будет использоваться в качестве фонового рисунка ячейки таблицы.
bgcolor - Устанавливает цвет фона ячейки.
bordercolor - Устанавливает цвет рамки вокруг ячейки.
char - Атрибут char позволяет выравнить содержимое ячейки по заданному символу.
charoff - Если атрибут align установлен как char, а для атрибута char в качестве значения задан символ, то с помощью атрибута charoff можно смещать содержимое ячейки влево или вправо относительно заданного символа.
colspan - Устанавливает число ячеек, которые должны быть объединены по горизонтали.
headers - Позволяет связать ячейки таблицы с заголовками.
height - Браузер сам устанавливает высоту таблицы и ее ячеек исходя из их содержимого.
nowrap - Добавление атрибута nowrap к тегу <td> заставляет текст внутри ячейки отображаться без переносов, одной сплошной строкой.
rowspan - Устанавливает число ячеек, которые должны быть объединены по вертикали.
scope - Атрибут scope связывает между собой ячейки с заголовком и обычные ячейки.
valign - Устанавливает вертикальное выравнивание содержимого ячейки.
width - Задает ширину ячейки.
закрывающий тег:
Не обязателен
пример кода:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Тег TD</title>
</head>
<body>
<table border="1" cellpadding="7" cellspacing="0">
<tr>
<td colspan="2" bgcolor="#D3EDF6" align="center">Ячейка 1</td>
</tr>
<tr>
<td valign="top" align="center">Ячейка 2</td>
<td width="98%" valign="top">Ячейка 3</td>
</tr>
</table>
</body>
</html>