HTML Таблицы
Таблицы в 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>
Таблица Ы1
|
Среднее значение |
Рост |
Вес |
Мужчины |
174 |
78 |
Женщины |
165 |
56 |
Copyright Softservice Group, 1996
Вступление во ВСЕ Проекты Интернета за 10$
(вместо 1500$)