Далее на странице
Тег <td> предназначен для создания ячейки таблицы.
Тег <td> располагается внутри тега <tr>, который расположен внутри тега <table>.
Атрибут Align
Атрибут тега td - выравнивание содержимого ячейки по горизонтали.
- left - выравнивание содержимого ячейки по левому краю
- center – выравнивание содержимого ячейки по центру
- right - выравнивание содержимого ячейки по правому краю
- justify – выравнивание содержимого ячейки по ширине
Атрибут Valign
Атрибут тега td - выравнивание содержимого ячейки по вертикали.
- top - выравнивание содержимого ячейки по верхнему краю
- middle – выравнивание содержимого ячейки по середине
- bottom - выравнивание содержимого ячейки по нижнему краю
Атрибут Background
Атрибут тега td - задает фоновый рисунок в ячейке.
В качестве фонового рисунка желательно использовать изображение, размер которого совпадает (или больше) с размером ячейки, так как иначе картинка будет повторяться. В отличии от обычных изображений, размещаемых на странице - для фонового изображения нельзя задать ширину и высоту (оно всегда отображается в натуральную величину).
Атрибут Bgcolor
Атрибут тега td - задает фоновый цвет ячейки.
Атрибут Bordercolor
Атрибут тега td - задает цвет рамки ячейки.
Атрибут поддерживается не всеми браузерами!
Атрибут Colspan
Атрибут тега td - указывает число ячеек, которые должны быть объединены по горизонтали.
Атрибут Rowspan
Атрибут тега td - указывает число ячеек, которые должны быть объединены по вертикали.
Атрибут Height и Width
Атрибут height и width тега td - высота и ширина ячейки в пикселях, либо в процентах относительно ширины таблицы.
- целое положительное число. В этом случае ширина будет задана в пикселях.
- целое положительное число с символом %.
<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>
