Формат задания и общие параметры таблицы

 

Для создания таблиц применяется тег <TABLE>. Состав таблицы по строкам и ячейкам задается с помощью следующих элементов:

TR – элемент, формирующий отдельную строку;

TD – элемент, определяющий содержимое ячейки данных;

TH – элемент, задающий ячейку заголовка;

CAPTION – элемент названия таблицы.

Структура записи тега <TABLE> в общем виде следующая:

<TABLE аlign=”значение”

 

height=”значение”

background=”URL”

bgcolor=”значение”

border=”целое число”

borderсolor=”значение”

borderсolordark=”значение”

borderсolorlight=”значение”

cellpadding=”целое число”

cellspacing=”целое число”

cols=”значение”

frame=”значение”

rules=”значение”>

<CAPTIONalign=”значение”

Название таблицы

</CAPTION>

<TR align=”значение”

width=”значение”

height=”целое число”

bgcolor=”значение”

borderсolor=”значение”

borderсolordark=”значение”

borderсolorlight=”значение”>

<TH align=”значение”

width=”значение”

height=”целое число”

background=”URL”

bgcolor=”значение”

borderсolor=”значение”

borderсolordark=”значение”

borderсolorlight=”значение”

colspan=”целоe число”

rowspan=”целое число”

nowrap>

Ячейка заголовка таблицы

</TH>

</TR>

<TR>

<TDalign=”значение”

 

width=”значение”

height=”целое число”

background=”URL”

bgcolor=”значение”

borderсolor=”значение”

borderсolordark=”значение”

borderсolorlight=”значение”

colspan=”целоe число”

rowspan=”целое число”

nowrap>

Содержимое ячеек

</ТD>

</TR>

</TABLE>

Общие параметры таблицы определяются значениями атрибутов тега <TABLE>:

align – задает горизонтальное позиционирование всей таблицы в целом, может принимать значения left, right или center.

width определяет ширину всей таблицы и может принимать значение целого числа, если ширина таблицы указывается в пикселах, либо в процентах от ширины экрана пользователя. Если этот атрибут не задан, то он определяется на основе содержимого таблицы.

height устанавливает высоту таблицы.

background определяет изображение, которое будет использоваться в качестве фонового рисунка таблицы.

bgcolor устанавливает цвет фона таблицы.

border указывает на толщину рамки и пикселах. Если border=0, таблица становится "невидимой".

bordercolor устанавливает цвет рамки таблицы.

bordercolordark, bordercolorlight – используются для задания объемной границы таблицы. Такой эффект достигается за счет разных цветов верхней и нижней линий, образующих рамку. Атрибут bordercolordark определяет цвет затененной части рамки, bordercolorlight задает цвет освещенной рамки.

cellpadding определяет расстояние в пикселах между границей ячейки и её содержимым.

cellspacing задает расстояние между внешними границами ячеек в пикселах.

cols указывает количество столбцов в таблице.

frame определяют параметры внешних границ таблицы. Чтобы этот атрибут влиял на отображение рамок, должен быть установлен атрибут border с ненулевым значением. Атрибут frame может принимать следующие значения:

border (или box) – устанавливает все линии внешней рамки;

void – внешняя рамка не отображается;

above (или below) – выводит только верхнюю (или нижнюю) границу таблицы;

hsides – выводит только верхнюю и нижнюю линии рамки;

vsides – выводит только левую и правую линию рамки;

lhs – устанавливает только левую линию рамки;

rhs – устанавливает только правую линию рамки.

rules определяют параметры внутренних границ таблицы. Чтобы этот атрибут влияли на отображение рамок, должен быть установлен атрибут border с ненулевым значением. Атрибут rules может принимать следующие значения:

none – все внутренние линии не отображаются;

groups – отображает горизонтальные границы между группами строк и столбцов;

rows – определяет отображение только горизонтальных линий между строками;

cols – устанавливает отображение только вертикальных линий между столбцами;

all – все внутренние рамки отображаются.

5.2 Параметры заголовка, строк и ячеек таблицы. Параметры заголовка определяются следующими значениями атрибутов тега <CAPTION>:

align – определяет выравнивание названия относительно границ таблицы и может принимать значения: left (выравнивание по левой границе, название располагается над таблицей), right (выравнивание по правой границе, название располагается над таблицей), center или top (выравнивание по центру, название располагается над таблицей), bottom (выравнивание по центру, название располагается под таблицей).

valign – используется для выравнивания названия при размещении его над или под таблицей. Атрибут align не выполняет выравнивания названия вправо или влево при значениях top и bottom. Для такого выравнивания нужно применять оба атрибута valign и align: атрибут valign будет задавать расположение названия над или под таблицей, а атрибут align – определять его выравнивание по левой или правой границе таблицы.

Параметры строк таблицы задаются значениями атрибутов тега <TR>, а параметры ячеек – значениями атрибутов тегов <TD>, <TH>:

align – задает выравнивание содержимого ячейки по горизонтали и определяется значениями left, right, center.

valign – задает выравнивание содержимого ячейки по вертикали и определяется значениями top (по верхнему краю), bottom (по нижнему краю), middle (посредине), baseline (по базовой линии).

width задает ширину ячейки.

height устанавливает высоту ячеек таблицы. Если значение height меньше содержимого ячейки, этот параметр игнорируется.

background определяет изображение, которое будет использоваться в качестве фонового рисунка ячейки таблицы.

bgcolor устанавливает цвет фона ячейки таблицы.

bordercolor устанавливает цвет рамки ячеек таблицы.

bordercolordark, bordercolorlight – используются для задания объемной границы ячеек таблицы. Атрибут bordercolordark определяет цвет затененной части рамки, bordercolorlight задает цвет освещенной рамки.

colspan – устанавливает число ячеек, которые должны быть объединены в одну по горизонтали.

rowspan – устанавливает число ячеек, которые должны быть объединены в одну по вертикали.

nowrap – запрет переноса слов внутри ячейки. Текст отображается одной сплошной строкой.