Задание цвета рамок

В языке HTML имеется возможность задавать цвет рамки, обрамляющей таблицу. Для этого спецификация языка предусматривает три параметра: BORDERCOLOR=цвет всей рамки, BORDERCOLORLIGHT=цвет левого и верхнего краёв рамки, BORDERCOLORDARK=цвет правого и нижнего краёв рамки. Смена цвета при помощи двух последних параметров позволяет получить либо выпуклую, либо утопленную рамку. Причём нужно использовать либо только первый параметр, либо два последних, совместное использование результата не принесёт, так как параметры будут друг друга переопределять. Перечисленные параметры могут быть использованы в тэгах <TABLE>, <TR>, <TH> и <TD>.

Тэги структурирования таблиц

Тэги структурирования используются для более строгого структурирования таблицы и более гибкого управления прорисовкой рамок и сетки.

К тэгом структурирования относятся следующие три тэга-контейнера: <THEAD>...</THEAD>, <TBODY>...</TBODY> и <TFOOT>...</TFOOT>. Как видно из названия, первый и третий тэги отвечают соответственно за верхний и нижний колонтитул таблицы и могут встречаться в описании таблицы не более одного раза. Второй тэг может встречаться многократно и отвечает за логическое группирование данных по строкам. Независимо от того, в каком месте описания таблицы будут написаны тэги <THEAD> и <TFOOT>, всё равно все строки таблицы будут помещены в эти тэги-контейнеры, займут при отображении на экране либо первые, либо самые последние строки соответственно.

Управление прорисовкой рамок и сетки

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

BOX или BORDER – рамка со всех четырёх сторон;

ABOVE – рамка только сверху;

BELOW – рамка только снизу;

HSIDES – рамка только сверху и снизу;

VSIDES – рамка по бокам таблицы (слева и справа);

LHS – рамка только с левой стороны;

RHS – рамка только справа;

VOID – таблица не имеет рамки.

Для управления прорисовкой внутренней сетки таблицы используется параметр RULES.

ALL – прорисовываются все внутренние линии;

GROUPS – прорисовываются линии разделения групп;

ROWS – прорисовываются линии разделения строк;

COLS – прорисовываются линии разделения столбцов;

NONE – линии внутри таблицы не рисуются.

В качестве задания необходимо изобразить следующую таблицу:

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

Исходный код для построения такой таблицы приводится ниже.

<TABLE VALIGN=BOTTOM BORDER=3 CELLSPACING=0

FRAME=HSIDES RULES=GROUPS>

<CAPTION> Group table </CAPTION>

<COLGROUP ALIGN=LEFT>

<COLGROUP ALIGN=CENTER>

<COLGROUP ALIGN=RIGHT>

<TBODY>

<TR>

<TD WIDTH=100>100<TD WIDTH=100>200<TD WIDTH=100>300

<TR><TD>400<TD>500<TD>600

<TR><TD>700<TD>800<TD>900

</TBODY>

<TFOOT>

<TR><TD>1200<TD>1500<TD>1800

</TFOOT>

<THEAD>

<TR><TD>1<TD>2<TD>3

</THEAD>

</TABLE>