Работа с таблицей

Таблицы с невидимой границей используются для верстки Web-страниц, позволяя разделять документ на модульные блоки.

Тег <TABLE> контейнер для элементов, определяющих содержимое таблицы. Внутри <TABLE> допустимо использовать следующие элементы: <CAPTION>, <COL>, <COLGROUP>, <TBODY>, <TD>, <TFOOT>, <TH>, <THEAD> и <TR>.

Параметры:

Ø Align - Определяет выравнивание таблицы.

Ø Background - Задает фоновый рисунок в таблице.

Ø Bgcolor - Цвет фона таблицы.

Ø Border - Толщина рамки в пикселях.

Ø Bordercolor - Цвет рамки.

Ø Cellpadding - Отступ от рамки до содержимого ячейки.

Ø Cellspacing - Расстояние между ячейками.

Ø Height - Высота таблицы.

Ø Width - Ширина таблицы.

Тег <TR> служит контейнером для создания строки таблицы.

Параметры:

Ø Align - Определяет выравнивание содержимого ячеек по горизонтали.

Ø Bgcolor - Цвет фона ячеек.

Ø Bordercolor - Цвет рамки.

Ø Valign - Выравнивание содержимого ячеек по вертикали.

Тег <TD> предназначен для создания одной ячейки таблицы.

Параметры:

Ø Align - Определяет выравнивание содержимого ячейки по горизонтали.

Ø Background - Задает фоновый рисунок в ячейке.

Ø Bgcolor - Цвет фона ячейки.

Ø Bordercolor - Цвет рамки.

Ø Colspan - Объединяет горизонтальные ячейки.

<td colspan="2">содержимое ячейки</td> - данной строкой было объединено 2-е горизонтальные ячейки. Выглядеть это будет так:

Ø Height - Высота ячейки.

Ø Rowspan - Объединяет вертикальные ячейки.

Ø Valign - Выравнивание содержимого ячейки по вертикали.

· Top - Выравнивание содержимого ячейки по верхнему краю строки.

· Middle - Выравнивание по середине.

· Bottom - Выравнивание по нижнему краю.

· Baseline - Выравнивание по базовой линии, при этом происходит привязка содержимого ячейки к одной линии.

Ø Width - Ширина ячейки.

Пример.

Создадим таблицу шириной 200 px и толщенной рамки 1 px, содержащую две строки и три столбца, в которой объединены ячейки верхней строки. Для отображения в браузере ячеек, не содержащих информацию, используются специальные символы «&nbsp;». Без использования этих символов, отображение таблицы может быть некорректным.

<table width="200px" border="1px">

<tr>

<td colspan="3">&nbsp;</td>

</tr>

<tr>

<td>&nbsp;</td>

<td>&nbsp;</td>

<td>&nbsp;</td>

</tr>

</table>