Таблицы

<TABLE BORDER=... WIDTH=... >

<CAPTION> <!--Это заголовок таблицы-->Текс заголовка

</CAPTION>

<TR> <!--Это первая строка таблицы-->

<TD параметры=… > 1-я клетка 1-ой строки </TD>

<TD параметры=... > 2-я клетка 1-ой строки </TD>

</TR> <!--Конец первой строки таблицы-->

<TR>

<TD> 1-я клетка 2-ой строки </TD>

...

</TR>

…

</TABLE>

Атрибуты метки <TABLE>:

ALIGN =..Устанавливает расположение таблицы по отношению к полям документа. Допустимые значения: ALIGN=LEFT (выравнивание влево), ALIGN=CENTER (выравнивание по центру), ALIGN=RIGHT (выравнивание вправо).

WIDTH =…Ширина таблицы. Ее можно задать в пикселах (например, WIDTH=400) или в процентах от ширины страницы (например, WIDTH=80%).

BORDER =…Устанавливает ширину внешней рамки таблицы и ячеек в пикселах (например, BORDER=4). Если атрибут не установлен, таблица показывается без рамки.

CELLSPACING =…Устанавливает расстояние между рамками ячеек таблицы в пикселах (например, CELLSPACING=2).

CELLPADDING =…Устанавливает расстояние между рамкой ячейки и текстом в пикселах (например, CELLPADDING=10).

Атрибуты метки <TD>

NOWRAP =…Присутствие этого атрибута означает, что содержимое ячейки должно быть показано в одну строку.

COLSPAN =…Устанавливает "размах" ячейки по горизонтали. Например, COLSPAN=3 означает, что ячейка простирается на три колонки.

ROWSPAN =…Устанавливает "размах" ячейки по вертикали. Например, ROWSPAN=2 означает, что ячейка занимает две строки.

ALIGN =…Устанавливает выравнивание текста в ячейке. Допустимые значения: ALIGN=LEFT (выравнивание влево), ALIGN=CENTER (выравнивание по центру), ALIGN=RIGHT (выравнивание вправо).

VALIGN =…Устанавливает вертикальное выравнивание текста в ячейке. Допустимые значения: VALIGN=TOP (выравнивание по верхнему краю), VALIGN=MIDDLE (выравнивание по центру), VALIGN=BOTTOM (выравнивание по нижнему краю).

WIDTH =…Устанавливает ширину ячейки в пикселах (например, WIDTH=200).

HEIGHT =…Устанавливает высоту ячейки в пикселах (например, HEIGHT=40).

Пример. Таблица с объединенными ячейками в строках.

<TABLE cellspacing="0" cellpadding="0" border="1">
<TR>

<TD></TD>
<TD>Заголовок 1</TD>
<TD>Заголовок 2</TD>

</TR>

<TR>

<TD colspan="2" align="center">Ячейка 1</TD>

<TD>Ячейка 2</TD>

</TR>

<TR>

<TD>Заголовок 4</TD>
<TD>Ячейка 3</TD>
<TD>Ячейка 4</TD>

</TR>

</table>

Пример. Таблица с объединенными ячейками в столбцах.

<TABLE cellspacing="0" cellpadding="0" border="1">
<TR>

<TD></TD>
<TD rowspan=3>Ячейка 1</TD>
<TD>Заголовок 2</TD>

</TR>

<TR>

<TD>Заголовок 3</TD>

<TD>Ячейка 2</TD>

</TR>

<TR>

<TD>Заголовок 4</TD>
<TD>Ячейка 4</TD>

</TR>

</table>

Пример. С четырьмя ячейками.:

…

<TABLE cellspacing="0" cellpadding="0" border="1">
<TR>

<TD width="25%"></TD>

<TD width="25%"></TD>

<TD width="25%"></TD>

<TD width="25%"></TD>

</TR>
<TR>

<TD></TD>

<TD colspan="2">Вы должны</TD>

<TD></TD>

</TR>
<TR>

<TD colspan="2">успеть</TD>

<TD></TD>

<TD></TD>

</TR>
<TR>

<TD></TD>

<TD></TD>

<TD colspan="2">сделать всё</TD>

</TR>
</table>

…