Атрибуты команды TABLE
|
Атрибут |
Значение |
Описание |
|
align |
left, right |
Выравнивание по горизонтали |
|
width |
число или процент |
Ширина таблицы |
|
cellpadding |
число |
Расстояние между содержимым ячейки и рамкой |
|
cellspacing |
число |
Расстояние между ячейками таблицы |
|
bgcolor |
цвет |
Цвет фона таблицы |
|
background |
файл |
Фоновая картинка |
|
border |
число |
Ширина линий рамки |
|
bordercolor |
цвет |
Цвет линий рамки |
|
bordercolordark |
цвет |
Цвет рамки (снизу и справа) |
|
bordercolorlight |
цвет |
Светлый цвет рамки (сверху и слева) |
В приведенных ниже испытателях приводится более подробное описание действий атрибутов, а главное, на стендах можно пощелкать переключателями, подергать за "веревочки" и сразу увидеть, что из этого получилось.
Атрибуты команды TR
HTML-таблица состоит из строк, каждая из которых задается командой
|
<TR>описание ячеек табличной строки</TR> |
Варьируя атрибутами команды TR, можно установить те или иные свойства одновременно для всех ячеек строки.
|
Атрибут |
Значения |
Описание |
|
align |
left, center, right |
Выравнивание по горизонтали |
|
valign |
top, center,bottom, baseline |
Выравнивание по вертикали |
|
bgcolor |
цвет |
Цвет фона |
|
bordercolor |
цвет |
Цвет линий рамки |
|
bordercolordark |
цвет |
Цвет рамки (снизу и справа) |
|
bordercolorlight |
цвет |
Светлый цвет рамки (сверху и слева) |
Атрибуты команды TD (TH)
Каждая табличная строка состоит из ячеек, которые последовательно описываются командами TD (обычная ячейка) и (или) TH (ячейка-заголовок):
|
<TH>описание содержимого ячейки</TH> <TD>описание содержимого ячейки</TD> |
Содержимое обычной ячейки по умолчанию горизонтально выравнивается по левому краю, а ячейки-заголовка -- по центру. Кроме того, текст в ячейке-заголовке выделяется полужирным шрифтом.
Команды TD и TH имеют следующие атрибуты:
|
Атрибут |
Значения |
Описание |
|
align |
left, center, right |
Выравнивание по горизонтали |
|
valign |
top, center, bottom, baseline |
Выравнивание по вертикали |
|
width |
число или процент |
Ширина ячейки |
|
bgcolor |
цвет |
Цвет фона |
|
background |
файл |
Фоновая картинка |
|
bordercolor |
цвет |
Цвет линий рамки |
|
bordercolordark |
цвет |
Цвет рамки (снизу и справа) |
|
bordercolorlight |
цвет |
Светлый цвет рамки (сверху и слева) |
|
nowrap |
|
Выключение автоматического разрыва строк |
|
colspan |
число |
Ширина большой ячейки (в столбцах) |
|
rowspan |
число |
Высота большой ячейки (в строках) |
Многоликие таблицы
Как уже говорилось, использование таблиц в практике HTML-программирования очень неожиданное. Вероятно, авторы языка и не предполагали, что таблицы будут использоваться проектировщиками гипертекстовых страниц как элемент дизайна.