Таблицы

• Структура таблицы

• Установка параметров всей таблицы
  • Толщина рамки
  • Ширина таблицы
  • Высота таблицы
  • Ширина полей ячеек
  • Ширина границы между отдельными ячейками

• Установка параметров отдельных ячеек
  • Выравнивание содержимого ячейки по горизонтали
  • Выравнивание содержимого ячейки по вертикали
  • Объединение ячеек ряда
  • Объединение ячеек столбца
  • Ширина ячейки
  • Высота ячейки

Структура таблицы

<TABLE>

<TR>
<TD>Ряд 1, ячейка 1</TD>
<TD>Ряд 1, ячейка 2</TD>
</TR>

<TR>
<TD>Ряд 2, ячейка 1</TD>
<TD>Ряд 2, ячейка 2</TD>
</TR>

</TABLE>

Начало и конец таблицы должны быть ограничены кодами <TABLE> и </TABLE>
Коды <TR> и </TR> ограничивают описание каждого отдельного ряда таблицы (сколько данных парных кодов содержит описание таблицы, столько рядов и будет она содержать).
Внутри ряда содержание каждой отдельной ячейки описывается между кодами <TD> и </TD>.
Ячейки могут содержать как текст, так и графические образы.

На экране такая таблица будет выглядеть следующим образом:

Ряд 1, ячейка 1	Ряд 1, ячейка 2
Ряд 2, ячейка 1	Ряд 2, ячейка 2

Установка параметров таблицы

BORDER=n

Установка толщины рамки вокруг таблицы.
По умолчанию используется нулевая толщина рамки (текст отображается в табличном формате, но без рамки, как видно на примере выше.)

<TABLE BORDER=5>

Ряд 1, ячейка 1	Ряд 1, ячейка 2
Ряд 2, ячейка 1	Ряд 2, ячейка 2

WIDTH=n

Установка ширины таблицы.
Ширина таблицы может задаваться как в пикселах, так и в процентах по отношению к ширине всего экрана.

<TABLE WIDTH=400 BORDER=1>

Ряд 1, ячейка 1	Ряд 1, ячейка 2
Ряд 2, ячейка 1	Ряд 2, ячейка 2

HEIGHT=n

Установка высоты таблицы.
Ширина таблицы задается в пикселах.

<TABLE HEIGHT=200 BORDER=1>

Ряд 1, ячейка 1	Ряд 1, ячейка 2
Ряд 2, ячейка 1	Ряд 2, ячейка 2

CELLPADDING=n

Установка полей внутри ячеек таблицы.
По умолчанию используется граница толщиной в два пиксела.

<TABLE CELLPADDING=10 BORDER=1>

Ряд 1, ячейка 1	Ряд 1, ячейка 2
Ряд 2, ячейка 1	Ряд 2, ячейка 2

CELLSPACING=n

Установка ширины границы между отдельными ячйками.
По умолчанию используется граница толщиной в два пиксела.

<TABLE CELLSPACING=10 BORDER=1>

Ряд 1, ячейка 1	Ряд 1, ячейка 2
Ряд 2, ячейка 1	Ряд 2, ячейка 2

ALIGN

Выравнивание содержимого ячеек по горизонтали. По умолчанию содержимое выравнивается по левому краю.

ALIGN=LEFT	ALIGN=CENTER	ALIGN=RIGHT
LEFT	CENTER	RIGHT

VALIGN

Вертикальное выравнивание.
Данный атрибут может принимать значения TOP, MIDDLE или BOTTOM. По умолчанию используется выравнивание MIDDLE.

	VALIGN=TOP	VALIGN=MIDDLE	VALIGN=BOTTOM
Данный атрибут используется, если высота ячейки больше, чем занимает ее содержимое.	TOP	MIDDLE	BOTTOM

COLSPAN=n

Объединение n ячеек ряда начиная с данной в одну ячейку.

A	B	C
D	E (данная ячейка занимает два столбца)
F	G	H

В данном случае описание второго ряда таблицы содержит описание только двух ячеек (в остальных рядах по 3 ячейки) и выглядит следующим образом:

<TR>
<TD>D</TD>
<TD COLSPAN=2>E (данная ячейка занимает два столбца)</TD>
</TR>

ROWSPAN=n

Объединение n ячеек столбца начиная с данной в одну ячейку.

A	B	C
D	E (данная ячейка занимает два ряда)	F
G		H

HTML текст для создания такой таблицы выглядит следущим образом:

<TABLE CELLPADDING=5 BORDER=1>

<TR>
<TD>A</TD>
<TD>B</TD>
<TD>C</TD>
</TR>

<TR>
<TD>D</TD>
<TD ROWSPAN=2>E (данная ячейка занимает два ряда)</TD>
<TD>F</TD>
</TR>

<TR>
<TD>G</TD>
<TD>H</TD>
</TR>

</TABLE>

WIDTH=n

Установка ширины ячейки.

Ширина задается в пикселах или в процентах от ширины всей таблицы. Если ширина задана для одной ячейки ряда, то все остальные ячейки ряда будут иметь такую же ширину. Если ширина задана для нескольких ячеек ряда, то используется максимальное значение.

HEIGHT=n

Установка высоты ячейки. Задается в пикселах.