Тег <TABLE>
- главный тег-контейнер для всех других тегов таблиц, и никакой из них не будет интерпретироваться, если он не заключен между <TABLE>
и </TABLE>
.
Атрибуты:
BORDER
Устанавливает толщину границ таблицы. Если этот атрибут не задан, то границы не показываются, однако пространство для границ минимальной толщины резервируется браузером. Для указания отсутствия границ необходимо задавать BORDER = 0
CELLPADDING
Указывает какое пространство должно оставаться между границами ячеек таблицы и данными в этих ячейках. Значение по умолчанию 1.
CELLSPACING
Указывает какое пространство остается между границами отдельных ячеек таблицы. Значение по умолчанию 2.
COLS
Указывает количество столбцов в таблице. Этот атрибут необходимо ипользовать для обеспечения постепенного показа больших таблиц в процессе загрузки данных.
WIDTH
Указывает ширину таблицы. Значение можно указывать как в процентах от ширины контейнера (окна браузера), так и в пикселах. Если в строке таблицы суммарная ширина объектов окажется больше указанной таблица будет отформатирована браузером по эти объекты.
HEIGHT
Указывает высоту таблицы, либо в пикселах, либо в процентах. Работает не во всех браузерах.
ALIGN
Используется так же как и аналогичный атрибут изображений (<IMG ...>
), для указания стиля обтекания таблицы текстом. Допустимые значения: left, right
VALIGN
Указывает положение текста и других элементов внутри ячеек таблицы. Возможные значения: left, center, right
. По умолчанию используется center
.
BGCOLOR
Указывает цвет фона таблицы. Можно задавать значение как из списка цветовых констант, так и в виде #RRGGBB
, т.е. в виде цветовых координат (в шестнадцатеричном формате) палитры RGB.
BORDERCOLOR
Используется для указания цвета границы таблицы. Поддерживается только IE. Требуется обязательно указать атрибут BORDER
.
BORDERCOLORLIGHT
Используется для создания эффекта трехмерной границы таблицы. Поддерживается только IE. Требует указания атрибута BORDER
.
BORDERCOLORDARK
Полностью аналогично BORDERCOLORLIGHT
.
BACKGROUND
Размещает изображение в таблице в качестве фонового (также может использоваться с тегами <TR>, <TD>
). Возможно использование любых графических форматов. Работает не везде.
FRAME
Поддерживается только IE. Требует указания атрибута BORDER
и определяет какие из внешних границ таблицы необходимо показывать. Может принимать одно из следующих значений:
void |
убирает все внешние границы |
above |
только граница над таблицей |
below |
только граница снизу таблицы |
hsides |
сверху и снизу |
lhs | слева от таблицы |
rhs | справа от таблицы |
vsides | слева и справа |
box | со всех сторон |
RULES
Описывает рамки вокруг таблицы.
all | Отображает все части рамки внутри таблицы |
cols | Отображает все вертикальные рамки внутри таблицы |
groups | Отображает горизонтальные части рамки между группами таблицы |
none | Удаляет все рамки вокруг таблицы |
rows | Отображает все горизонтальные рамки внутри таблицы |
TITLE
LANG
LANGUAGE
CLASS
STYLE
ID
DATAPAGESIZE
DATASRC
DATAFLD
Пример простых таблиц с выравниванием, объединением строк или столбцов и использованием заголовков столбцов:
<TABLE BORDER=1 width="100%"> <TR> <TH ROWSPAN=2 COLSPAN=2></TH> <TH COLSPAN=2>Размер баннера</TH> </TR> <TR> <TH>468 x 60</TH> <TH>100 x 100</TH> </TR> <TR> <TH ROWSPAN=2 VALIGN=top>Сеть</TH> <TH>InterReklama</TH> <TD ALIGN=center>X</TD> <TD ALIGN=center>-</TD> </TR> <TR> <TH>RLE</TH> <TD ALIGN=center>X</TD> <TD ALIGN=center>X</TD> </TR> </TABLE>так это будет отображаться:
Размер баннера | |||
---|---|---|---|
468 x 60 | 100 x 100 | ||
Сеть | InterReklama | X | - |
RLE | X | X |
Пример вложенных таблиц с раскраской:
<TABLE BORDER BGCOLOR="white" WIDTH="100%"> <TR> <TD COLSPAN="3">Эта ячейка обединяет 3 колонки и содержит вложенную таблицу <TABLE BORDER WIDTH="100%" BGCOLOR="silver"> <TR BORDERCOLOR="Red"> <TD>ячейка 1</TD> <TD>ячейка 2</TD> </TR> <TR> <TD>ячейка 3</TD> <TD>ячейка 4</TD> </TR> </TABLE> </TD> </TR> <TR> <TD>это уже</TD> <TD>основная</TD> <TD BORDERCOLOR="lime">таблица</TD> </TR> </TABLE>так это будет отображаться:
Эта ячейка обединяет 3 колонки и содержит вложенную таблицу
|
||||||
это уже | основная | таблица |