(Tables)
Таблицы в HTML являются удобным средством форматирования как собственно таблиц, так и "нетабличной" информации. В последнем случае таблицы используют для того, чтобы добиться жестко заданного взаимного расположения частей WWW-страницы в окне программы просмотра.Таблица - это совокупность ячеек (cells), каждая из которых занимает заданное число строк (rows) и столбцов (columns). Таблица может включать ячейки двух видов: 1) ячейки, содержащие подзаголовки частей таблицы (headers) и 2) "обычные" ячейки с данными (data cells). Ячейки могут содержать как форматированный в соответствии с правилами HTML текст, так и графику. Таблица может иметь подпись (caption).
Флаги для описания таблиц |
||
|---|---|---|
Флаг |
Назначение |
|
| <TABLE> ... </TABLE> |
Определяет таблицу. Если этот флаг имеет атрибут BORDER=n, то таблица будет заключена в рамку толщиной n пикселов. | |
| <CAPTION> ... </CAPTION> |
Необязательный элемент. Определяет подпись к таблице. По умолчанию, подпись располагается вверху, а при использовании атрибута ALIGN=BOTTOM - внизу таблицы. | |
| <TR> | Обозначает строку таблицы. | |
| <TH> | Обозначает ячейку с подзаголовком, который по умолчанию выводится жирным шрифтом с выключкой по центру. | |
| <TD> | Обозначает ячейку таблицы. По умолчанию, текст в ячейке выключен влево и отцентрирован по вертикали. | |
Атрибуты ячеек таблицы |
||
|---|---|---|
Атрибут |
Назначение |
|
| ALIGN = LEFT | CENTER | RIGHT |
Выключка (выравнивание) содержимого ячейки влево, по центру или вправо по горизонтали. | |
| VALIGN = TOP | MIDDLE | BOTTOM |
Выключка (выравнивание) содержимого ячейки по верхней кромке, по центру или по нижней кромке по вертикали. | |
| COLSPAN=n | Число столбцов, занятых данной ячейкой. | |
| ROWSPAN=n | Число строк таблицы, занятых данной ячейкой. | |
| NOWRAP | Запрет разрыва строк текста внутри ячейки с переносом на следующую строку, в случае, если длинная строка не умещается в ячейке. | |
Описывать на HTML большие и сложные таблицы "вручную" - довольно трудоемкая работа. Многие HTML-редакторы, в частности, редактор, встроенный в программу просмотра Netscape Navigator Gold версии 2.0 и старше, существенно помогают в этом довольно утомительном занятии .
<TABLE BORDER=1> <CAPTION>Подпись к таблице</CAPTION> <TR> <TH ROWSPAN=2>Ячейка 1 занимает 2 строки <TH COLSPAN=2>Ячейка 2 занимает 2 столбца <TR> <TD>Ячейка 3 <TD>Ячейка 4 <TR> <TD>Ячейка 5 <TD>Ячейка 6 <TD>Ячейка 7 </TABLE>
Как выглядит на дисплее
| Ячейка 1 занимает 2 строки | Ячейка 2 занимает 2 столбца | |
|---|---|---|
| Ячейка 3 | Ячейка 4 | |
| Ячейка 5 | Ячейка 6 | Ячейка 7 |