Таблицы

Таблица описывается тегом <TABLE>. Элементы таблицы строятся по рядам (строки). Ряд задается тегом <TR> (Table Row, ряд таблицы). Внутри ряда находятся ячейки (столбцы) (тег <TD> - Table Date, данные таблицы). Для заголовков столбцов вместо тега <TD> используется <TH> (Table Head, заголовок таблицы). Разница в этих тегах лишь в том, что текст в последнем центрируется и выделяется жирным шрифтом.

Пример простой таблицы размером 2х2 приведен ниже:

Код

Отображение

<TABLE border="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>

Ячейка 1

Ячейка 2

Приведем свойства, применимые к строкам и ячейкам таблицы:

Свойство	Описание
ALIGN	Горизонтальное выравнивание текста. Возможные значения: LEFT (по левому краю), CENTER (центрирование), RIGHT (по правому краю).
VALIGN	Вертикальное выравнивание текста. Возможные значения: TOP (по верхнему краю), CENTER (по центру), BOTTOM (по нижнему краю).

Свойства, применимые только к ячейкам таблицы:

Свойство	Описание
COLSPAN	Объединение указанного числа колонок.
ROWSPAN	Объединение указанного числа рядов.
NOWRAP	Запрет на перенос текста на новую строчку внутри ячейки.