Таблицы в HTML организуются как
набор столбцов и строк. Ячейки таблицы могут
содержать любые HTML-элементы, такие, как
заголовки, списки, абзацы, фигуры, графику, а
также элементы форм.
Основные тэги таблицы
Таблица: <TABLE>...</TABLE>
Это основноые тэги, описывающие таблицу.
Все элементы таблицы должны находиться внутри
этих двух тэгов. По умолчанию таблица не имеет
обрамления и разделителей. Обрамление
добавляется атрибутом BORDER.
Строка таблицы: <TR>...</TR>
Количество строк таблицы определяется
количеством встречающихся пар тэгов
<TR>..</TR>. Строки могут иметь атрибуты ALIGN и
VALIGN, которые описывают визуальное положение
содержимого строк в таблице.
Ячейка таблицы: <TD>...</TD>
Описывает стандартную ячейку таблицы.
Ячейка таблицы может быть описана только внутри
строки таблицы. Каждая ячейка должна быть
пронумерована номером колонки, для которой она
описывается. Если в строке отстутствует одна или
несколько ячеек для некоторых колонок, то
броузер отображает пустую ячейку. Расположение
данных в ячейке по умолчанию определяется
атрибутами ALIGN=left и VALIGN=middle. Данное расположение
может быть исправлено как на уровне описания
строки, так и на уровне описания ячейки.
Заголовок таблицы: <TH>...</TH>
Ячейка заголовка таблицы имеет ширину всей
таблицы; текст в данной ячейке имеет атрибут BOLD и
ALIGN=center.
Подпись: <CAPTION>...</CAPTION>
Данный тэг описывает название таблицы
(подпись). Тэг <CAPTION> должен присутствовать
внутри <TABLE>...</TABLE>, но снаружи описания
какой-либо строки или ячейки. По умолчанию
<CAPTION> имеет атрибут ALIGN=top, но может быть явно
установлен в ALIGN=bottom. ALIGN определяет, где - сверху
или снизу таблицы - будет поставлена подпись.
Подпись всегда центрирована в рамках ширины
таблицы.
Основные атрибуты таблицы
BORDER
Данный атрибут используется в тэге TABLE. Если
данный атрибут присутствует, граница таблицы
прорисовывается для всех ячеек и для таблицы
вцелом. BORDER может принимать числовое значение,
определяющее ширину границы, например BORDER=3.
ALIGN
Если атрибут ALIGN присутствует внутри тэгов
<CAPTION> и </CAPTION>, то он определяет положение
подписи для таблицы (сверху или снизу). По
умолчанию ALIGN=top.
Если атрибут ALIGN встречается внутри <TR>,
<TH> или <TD>, он управляет положением данных в
ячейках по горизонтали. Может принимать значения
left (слева), right (справа) или center (по центру).
VALIGN
Данный атрибут встречается внутри тэгов
<TR>, <TH> и <TD>. Он определяет вертикальное
размещение данных в ячейках. Может принимать
значения top (вверху), bottom (внизу), middle (по середине)
и baseline (все ячейки строки прижаты кверху).
NOWRAP
Данный атрибут говорит о том, что данные в
ячейке не могут логически разбиваться на
несколько строк и должны быть представлены одной
строкой.
COLSPAN
Указывает, какое количество ячеек будет
объединено по горизонтали для указанной ячейки.
По умолчании - 1.
ROWSPAN
Указывает, какое количество ячеек будет
объединено по вертикали для указанной ячейки. По
умолчании - 1.
COLSPEC
Данный параметр позволяет задавать
фиксированную ширину колонок либо в символах,
либо в процентах, например COLSPEC="20%".
Пример таблицы
<TABLE BORDER=1 bordercolor=darkblue>
<CAPTION ALIGN=bottom> Таблица №1 </CAPTION>
<TR><TD ROWSPAN=2></TD><TH COLSPAN=2>Среднее
значение</TH></TR>
<TR><TH>Рост</TH><TH>Вес</TH></TR>
<TR><TD>Мужчины</TD><TD ALIGN=center>174</TD><TD
ALIGN=center>78</TD></TR>
<TR><TD>Женщины</TD><TD ALIGN=center>165</TD><TD
ALIGN=center>56</TD></TR>
</TABLE>
|
Среднее значение |
Рост |
Вес |
Мужчины |
174 |
78 |
Женщины |
165 |
56 |
Таблица №1 |
:: HTML учебник :: Создание карты изображений : Фреймы в HTML : HTML формы : Создание таблиц в HTML : Специальные тэги HTML : Добавление стилей в HTML документ : Графика внутри HTML-документа :: |