Таблица описывается тегом <TABLE>. Элементы таблицы строятся по рядам (строки). Ряд задается тегом <TR> (Table Row, ряд таблицы). Внутри ряда находятся ячейки (столбцы) (тег <TD> - Table Date, данные таблицы). Для заголовков столбцов вместо тега <TD> используется <TH> (Table Head, заголовок таблицы). Разница в этих тегах лишь в том, что текст в последнем центрируется и выделяется жирным шрифтом.
Пример простой таблицы размером 2х2 приведен ниже: | Код | Отображение |
|---|
<TABLEborder="1">
<TR> <TD>Ячейка 1</TD><TD>Ячейка 2</TD> </TR>
<TR> <TD>Ячейка 3</TD><TD>Ячейка 4</TD> </TR>
</TABLE> | | Ячейка 1 | Ячейка 2 | | Ячейка 3 | Ячейка 4 |
|
Свойства тега <TABLE> приведены в следующей таблице: | Свойство | Описание |
|---|
| ALIGN | Выравнивание таблицы в документе. Возможные значения: LEFT (по левому краю), CENTER (центрирование), RIGHT (по правому краю). | | BORDER | Толщина окантовки таблицы. Указывается в пикселях. При значении 0, окантовки нет | | WIDTH | Ширина таблицы. Значением может быть ширина в пикселях или же в процентах. По умолчанию ширина определяется содержимым ячеек таблицы. | | BORDERCOLOR | Цвет линий рамок таблицы. | | BGCOLOR | Цвет фона. | | BACKGROUND | Фоновое изображение. | | FRAME | VOID (избегать) - окантовка отсутствует, ABOVE (сверху), BELOW (снизу), HSIDES (Horisontal Sides - горизонтальные стороны), VSIDES (Vertical Sides - вертикальные стороны), LHS (Left Hand Side - слева), RHS (Right Hand Side - справа), BOX или BORDER - вся окантовка (значение по умолчанию). | | RULES | Возможные значения: NONE - нет линий, GROUPS - между группами, ROWS - между рядами, COLS - между колонками, ALL - рисуются все линии (значение по умолчанию). | | CELLSPACING | Расстояние между ячейками | | CELLPADDING | Расстояние между рамкой ячейки и ее содержимым |
Пример центрированной таблицы с зелеными рамками и желтым фоном шириной 200 пикселей: Код | Отображение |
|---|
<TABLE BORDER="1" WIDTH="200" ALIGN="center" BORDERCOLOR="green" BGCOLOR="yellow">
<TR> <TD> Ячейка 1 </TD> <TD> Ячейка 2 </TD> </TR>
</TABLE> | |
Приведем свойства, применимые к строкам и ячейкам таблицы: | Свойство | Описание |
|---|
| ALIGN | Горизонтальное выравнивание текста. Возможные значения: LEFT (по левому краю), CENTER (центрирование), RIGHT (по правому краю). | | VALIGN | Вертикальное выравнивание текста. Возможные значения: TOP (по верхнему краю), CENTER (по центру), BOTTOM (по нижнему краю). |
Свойства, применимые только к ячейкам таблицы: | Свойство | Описание |
|---|
| COLSPAN | Объединение указанного числа колонок. | | ROWSPAN | Объединение указанного числа рядов. | | NOWRAP | Запрет на перенос текста на новую строчку внутри ячейки. |
|
