Таблицы в 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=5> <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 | |