Таблицы в HTML-документах

Таблицы в HTML-документах используются, во-первых, для представления табличных данных и, во-вторых, для позиционирования элементов HTML-документа в окне броузера. Элементы гипертекста (заголовки, списки, абзацы, фигуры, графика, элементы форм и так далее.) размещаются в этом случае в ячейках таблицы, а ее границы делаются невидимыми.

Параметры таблицы предоставляют чрезвычайно широкие и разнообразные возможности форматирования и цветового оформления элементов гипертекста для каждой отдельной ячейки. Вместе с тем необходимо подчеркнуть, что стандарты языка HTML настоятельно рекомендуют использовать для позиционирования элементов таблицы стилей. Однако рекомендации стандарта языка HTML не исключают использования таблиц в HTML-документах. Более того, изучение предлагаемого материала позволит более осмысленно использовать не только таблицы стилей, но и все другие средства проектирования HTML-документа.

При проектировании HTML-документа формат и основные параметры таблицы задаются элементами <TABLE>...</TABLE>. Каждая таблица может иметь заголовок, описание которого задается элементом <CAPTION>. Строки таблицы могут группироваться с целью создания сравнительно самостоятельных функциональных разделов таблицы: заголовков (элемент THEAD), тела таблицы (элемент TBODY) и колонтитула таблицы (элемент TFOOT). Разделение таблицы на заголовки, тело и колонтитулы позволяет создавать линейки скроллинга (прокрутки) для тела таблицы, независимые от заголовков и колонтитулов. При печати длинных таблиц информация из заголовков и колонтитулов может повторяться на каждой странице таблицы.

Аналогично могут группироваться и столбцы таблицы с целью получения необходимой структуры таблицы. Свойства столбцов таблицы могут задаваться в этом случае в начале определения таблицы с помощью элементов COLGROUP и COL.

Синтаксис элемента <TABLE>...</TABLE>

<TABLE attribute_1="value 1" attribute_2="value 2" … attribute_n="value n">…</TABLE>

Атрибуты элемента <TABLE>

Наименование атрибута	Описание атрибута
width	Ширина таблицы в пикселях или в процентах от ширины окна броузера.
align	Определяет выравнивание таблицы в окне броузера. Допустимые значения: left — таблица выравнивается по левому края окна просмотра; center — центрирование таблицы; right — таблица выравнивается по правому края окна просмотра
background	Растровое графическое изображение, используемое в качестве фона для отображения таблицы.
bgcolor	Цвет фона таблицы.
border	Установка толщины рамки вокруг таблицы в пикселях. Если значение атрибута равно нулю (по умолчанию), то рамка не рисуется и все остальные атрибуты, связанные с рамками, не принимаются во внимание.
bordercolor	Установка цвета рамки. Параметр используется совместно с с параметром border.
cellpadding	Задает расстояние между краями ячейки таблицы и содержимым этой ячейки.
cellspacing	Расстояние между рамкой таблицы и ячейками этой таблицы.
cols	Количество столбцов в таблице.
frame	Параметр определяет внешний вид рамки вокруг таблицы. Возможные значения: - border — рамка отображается со всех сторон таблицы (используется по умолчанию); - void — рамка вокруг таблицы не отображается; - above — отображается верхняя часть рамки; - below — отображается нижняя часть рамки; - hsides — отображается верхняя и нижняя части рамки; - lhs — отображается левая часть рамки; - rhs — отображается правая часть рамки; - vsides — отображается левая и правая части рамки; - box — рамка отображается только с внешней стороны таблицы.
rules	Параметр определяет внешний вид линий, которыми разделяются ячейки таблицы. Этот параметр может принимать значения: - none — разделительные линии между ячейками таблицы не отображаются; - groups — отображаются горизонтальные разделительные линии между всеми группами таблицы, определенными операторами THEAD, TBODY, TFOOT и COLGROUP; - rows — отображаются горизонтальные разделительные линии между всеми строками таблицы; - cols — отображаются вертикальные разделительные линии между всеми столбцами таблицы; - all — отображаются все разделительные линии между всеми строками и столбцами таблицы.
valign	Параметр определяет выравнивание таблицы по вертикали относительно окна броузера. Допустимы значения: - top — выравнивание по верхней границе окна; - middle — выравнивание по середине окна; - bottom — выравнивание по нижней границе окна; - baseline — выравнивание относительно базовой линии текста.

Рассматриваемый элемент имеет общие атрибуты (id, class, style, lang, dir) и атрибуты для установки обработчиков событий (onclick, ondblclick, onmousedown и другие), которые здесь не рассматриваются.

Содержание контейнера <TABLE>...</TABLE> включает табличные элементы <caption>, <col>, <thead>, <colgroup>, <tfoot>, <tbody>, <tr>. Собственного выводимого текста контейнер <TABLE>...</TABLE> не имеет. Если текст случайно оказывается в контейнере <TABLE>...</TABLE>, то этот текст выводится за пределами таблицы.

Элемент <caption> используется для определения подписи таблицы. Оператор <caption> определяет размещение подписи таблицы. Располагается сразу после оператора <TABLE>.

Синтаксис элемента

<CAPTION attribute_1="value 1" attribute_2="value 2" …>…</CAPTION>

Атрибуты элемента

Наименование атрибута	Описание атрибута
align	Параметр указывает положение подписи относительно таблицы. Допустимы значения: - top — подпись располагается над таблицей (используется по умолчанию); - bottom — подпись располагается под таблицей; - left — подпись располагается слева от таблицы; - right — подпись располагается справа от таблицы.

Это основноые тэги, описывающие таблицу. Все элементы таблицы должны находиться внутри этих двух тэгов. По умолчанию таблица не имеет обрамления и разделителей. Обрамление добавляется атрибутом BORDER.

Дата добавления: 2015-10-02