Тег td

ОписВідкриваючий та закриваючий теги td створюють новий стовпчик (колонку) таблиці.
Відкриваючий та закриваючий теги td завжди повинні розташовуватися всередині контейнера tr, який, у свою чергу, розміщується всередині контейнера table.
Синтаксис
<table>
<tr>
<td атрибут="значення">Текст</td>
</tr>
</table>
Атрибутиheight
Задає висоту стовпчика в пікселах або відсотках.
width
Задає ширину стовпчика в пікселах або відсотках.
align
Встановлює горизонтальне положення стовпчика щодо інших об'єктів в таблиці, може приймати значення:

  1. left - стовпчик вирівнюється по лівому краю;

  2. right - стовпчик вирівнюється по правому краю;

  3. center - стовпчик вирівнюється по центру;

  4. justify - стовпчик одночасно вирівнюється по правому і лівому краю;


valign
Встановлює вертикальне положення стовпчика щодо інших об'єктів в таблиці, може приймати значення:

  1. top - стовпчик вирівнюється по верху;

  2. bottom - стовпчик вирівнюється по низу;

  3. middle - стовпчик вирівнюється по середині;


colspan
Об'єднує горизонтальні елементи.
rowspan
Об'єднує вертикальні елементи.
background
Встановлює фоновий малюнок.
bgcolor
Встановлює колір фону.
bordercolor
Встановлює колір рамки.
nowrap
Забороняє перенесення рядків усередині стовпчика.
Приклад
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//UA" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Приклад тегу td</title>
</head>
<body>
<table width="100%" border="0" cellpadding="5" cellspacing="3">
<tr bgcolor="#ccffcc">
<td width="40%" valign="top" rowspan="2" bgcolor="#ffeecc">
Перший стовпчик з'єднав два рядка атрибутом "rowspan"
</td>
<td width="20%">2-й стовпчик</td>
<td width="20%">3-й стовпчик</td>
<td width="20%">4-й стовпчик</td>
</tr>
<tr bgcolor="#ccffcc">
<td width="20%">2-й стовпчик</td>
<td width="20%">3-й стовпчик</td>
<td width="20%">4-й стовпчик</td>
</tr>
</table>
</body>
</html>

Тег td


(відкриється в новому вікні)
Часті помилкиАтрибути height та width (висота і ширина) для тегів td повинні задаватися або в пікселах, або у відсотках. Вказувати наприклад, ширину в пікселах а висоту у відсотках неприпустимо і є грубою помилкою.
ДодатковоІнколи треба зробити саме так а не інакше - наприклад, задати ширину в пікселах а висоту у відсотках. В цьому випадку можна скористатися CSS або вкладеними елементами.

Тег td