Добавил:

Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.

Вуз:

Витебский государственный университет им. П. М. Машерова

Предмет:

[НЕСОРТИРОВАННОЕ]

Файл:

Лаб3.doc

Скачиваний:

Добавлен:

13.11.2019

Размер:

527.36 Кб

Скачать

☆

<<< < Предыдущая 1 23 / 33

Структурирование таблицы. Группировка строк

HTML поддерживает разбиение таблицы на логически цельные части: группы строк и столбцов. Для отдельных частей таблицы можно установить общие параметры отображения данных. Которые автоматически применяются браузером при отображении таблицы.

В любой таблице, добавляемой в HTML-документ, можно выделить три логически цельные части: шапка, тело таблицы и футер (нижняя часть таблицы, footer).

Задаются эти части следующими тегами:

шапка таблицы - <THEAD>
тело таблицы- <TBODY>
футер (нижняя часть) - <TFOOT>

Закрывающиеся теги являются необязательными. Внутри этих тегов помещаются строки, относящиеся к соответствующим частям таблицы.

ПРИМЕР 7. Группировка строк таблицы

<HTML>

<TITLE> Группировка строк таблицы</TITLE>

<CAPTION aling=top><B>Доходы от продаж за второе полугодие 2005 года</B></CAPTION>

<THEAD>

<TR>

<TH rowspan=2>Филиал\Период

<TD colspan=3 > 3 квартал

<TD colspan=3 > 4 квартал

<TR>

<TH >Июль<TH>Август<TH>Сентябрь

<TH >Октябрь<TH>Ноябрь<TH>Декабрь

<!—Дале следуют строки с данными (первая ячейка каждой строки – название филиала -->

<TR><TD align=left> Филиал 1 <TD> 123123 <TD> 323233 <TD>323453<TD> 231423 <TD> 323212<TD> 243673

<TR ><TD align=left> Филиал 2 <TD> 223523 <TD> 225243 <TD>31423<TD> 212445 <TD> 373812<TD> 274673

<TR ><TD align=left> Филиал 3 <TD> 183123 <TD> 323453 <TD>323453<TD> 231423 <TD> 323212<TD> 243673

<TR><TD align=left> Филиал 4 <TD> 123123 <TD> 323233 <TD>323453<TD> 231423 <TD> 323212<TD> 243673

<!—Стока с итоговыми данными-->

<TR><TD align=left> Всего: <TD> 123123 <TD> 323233 <TD>323453<TD> 231423 <TD> 323212<TD> 243673

</TABLE>

</HTML>

Чтобы подчеркнуть отделение частей таблицы друг от друга, задано отображение границ только между группами строк и столбцов (см. атрибут rules элемента TABLE). В таблице сгуппированы только строки, поэтому и отображены только горизонтальные границы.

Задание параметров отображения столбцов

При группировке строк таблицы присутсвуют элементы, позволяющие определять столбцы и формировать группы столбцов: <COL> <COLGROUP>.

HTML-элемент COL задаётся одиночным тегом <COL>. Он позволяет установить общие параметры отображения всех ячеек, входящих в столбец или столбцы, заданием следующих атрибутов:

аlign – задаёт горизонтальное выравнивание текста ячеек столбца (столбцов), может принимать значения left, right, center или justify;
valign – определяет вертикальное выравнивание текста ячеек столбца (столбцов), может принимать значения top, bottom, middle или baselline;
bgcolor – задаёт цвет фона ячеек столбца (столбцов);
width – позволяет указать ширину столбца (столбцов);
span – задаёт количество столбцов, к которым применяются параметры, заданных в описанных выше атрибутах (по умолчаниию имеет значение 1).

Элемент <COL> не позволяет создавать группы столбцов, но он облегчает настройку внешнего вида таблицы, задать настройку одного типа для нескольких столбцов одновременно.

Для группировки существует <COLGROUP>.

ПРИМЕР 8. Задание параметров отображения столбцов

<TITLE> Использование элемента COL</TITLE>