|
Последние
четыре атрибута:
ALIGN –
определяет способ горизонтального выравнивания html таблицы или содержимого
ячеек. Возможные значения: left, center, right.
Значение по умолчанию – left.
VALIGN – должен
определять способ вертикального выравнивания таблицы или содержимого ячеек
таблицы. Возможные значения: top, bottom, middle.(прижать
к верху, прижать к низу, и установить посередине).
BGCOLOR –
определяет цвет фона ячеек таблицы. Задается либо RGB-значением в
шестнадцатеричной системе, либо одним из 16 базовых цветов.
BACKGROUND –
позволяет заполнить фон таблицы рисунком. В качестве значения необходимо
указать URL рисунка.
Примечание: можно хоть каждой ячейке таблицы
задать свой цвет фона или фоновый рисунок. Но: если вы
задаете фоновый цвет (или рисунок) в базовом элементе TABLE то во всех
ячейках будет этот фон (рисунок), и если вы захотите в какой-то ячейке
поменять, пропишите соответствующий атрибут именно для этой ячейки.
Пример
1:
<!-- задаем ширину,
высоту, рамку, выравнивание по центру и фоновый цвет всей таблицы-->
<table width="400"
height="100" border="1" align="center" bgcolor="#FFF8D2">
<tr>
<!—ячейка по умолчанию-->
<td>ряд 1 ячейка 1</td>
<!-- содержимое горизонтально выравниваем по
центру, вертикально - прижимаем к верху-->
<td align="center" valign="top">ряд
1 ячейка 2</td>
</tr>
<tr>
<!-- содержимое горизонтально выравниваем по
центру, вертикально - прижимаем к низу-->
<td align="center" valign="bottom">ряд
2 ячейка 1</td>
<!-- содержимое горизонтально выравниваем по
правому краю, вертикально - посередине, и меняем фоновый цвет-->
<td align="right" valign="middle" bgcolor="#33FF99">ряд
2 ячейка 2</td>
</tr>
</table>
нажмите чтобы увидеть результат
Пример
2:
<!-- задаем ширину ,
высоту, рамку, фоновый цвет всей таблицы, выравнивание оставляем по
умолчанию(по левому краю)-->
<table width="400"
height="100" border="1" bgcolor="#FFF8D2">
<tr>
<!-- горизонтальное-по центру, вертикально по
умолчанию(по центру)-->
<td align="center"> ряд 1 ячейка 1
</td>
<!-- горизонтальное-по центру, вертикально по
умолчанию(по центру) и делаем фоновый рисунок-->
<td align="center" background="images/images.jpg">
ряд 1 ячейка 2 </td>
</tr>
<tr>
<!-- горизонтальное-по центру, вертикально по
умолчанию(по центру)-->
<td align="center"> ряд 2 ячейка 1
</td>
<!-- горизонтальное-по центру, вертикально по
умолчанию(по центру) и меняем фоновый цвет-->
<td align="center" bgcolor="#33FF99">ряд
2 ячейка 2</td>
</tr>
</table>
нажмите чтобы увидеть результат
Если картинка
меньше чем ячейка, то она будет дублироваться, как показано в примере. Если
больше - то будет отображаться та часть которая влезет.
|