Иллюстрированный самоучитель по созданию сайтов



           

Основные атрибуты таблицы - часть 3


<TABLE WIDTH="50%" BORDER="6" CELLSPACING="6" CELLPADDING="20" ALIGN="center" BORDERCOLORLIGHT="Lime" BORDERCOLORDARK="Green" BGCOLOR="#DFFFDF">

<TR>

<ТD>Это первая ячейка</ТD>

<ТD>Это вторая ячейка</ТD> </TR>

</TABLE>

Результат представлен на рис. 2.1

8

. Как видите, расстояние между ячейками сохраняется равным значению атрибута

CELLSPACING=

теперь это заметно особенно хорошо.

Рис. 2.1

8

. Таблица из двух ячеек

Теперь добавим в нашу таблицу вторую строку:

<TABLE WIDTH="50%" BORDER="6" CELLSPACING="6" CELLPADDING="20" ALIGN=="center" BORDERCOLORLIGHT="Lime" BORDERCOLORDARK="Green" BGCOLOR="#DFFFDF">

<TR>

<ТD>Это первая ячейка</ТD>

<TD>Это вторая ячейка</ТD> </TR>

<TR>

<ТD>Это первая ячейка второй строки</ТD>

</TR>

</TABLE>

Поскольку во второй строке всего одна ячейка (см. рис. 2.

19

), на месте отсутствующей второй ячейки второй строки осталось пустое пространство.

Иногда это бывает полезно, но чаще требуется оставить пустую рамку незаполненной ячейки. Как это сделать? Если мы просто добавим в таблицу пару тегов

<TD> </TD>,

то, как ни странно, ничего не изменится — вокруг пустой ячейки рамка не отображается! Добавление пробела между тегами ячейки также ничего не дает, поскольку в

HTML

лишние пробелы игнорируются...

Рис. 2.

19

. Пример таблицы с “недостающей” ячейкой

Рис. 2.2

0

. Пример таблицы с пустой ячейкой

До сих пор мы рассматривали только атрибуты тега

<TABLE>

.

Однако теги

<TR>

и

<TD>

тоже могут иметь собственные атрибуты, такие, как

BGCOLOR=, BORDERCOLOR=, BORDERCOLORLIGHT=, BORDERCOLORDARK=

и

ALIGN=.

Их значения распространяются только на одну строку или ячейку таблицы.Кроме того, имеется атрибут

VALIGN=,

с помощью которого можно управлять вертикальным выравниванием текста строки или ячейки. Этот атрибут может принимать значения

top

(выровнять по верхнему краю),

middle

(по середине) и

bottom

(по нижнему краю). Кроме того, в некоторых броузерах, например

Opera,

поддерживается также атрибут

NOWRAP,

запрещающий перенос текста ячейки на следующую строку.




Содержание  Назад  Вперед