П.1.3. Таблицы

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

<TABLE> </table> - внешний элемент таблицы. Он задает общие свойства таблицы. Внутри стартового тега можно использовать атрибуты align (выравнивание), width (ширина в пикселях или %), border (ширина боковой грани в пикселях), sellspacing (ширина фронтальной грани в пикселях), sellpadding (размер пустого пространства вокруг данных в пикселях),.

<CAPTION> </caption> - элемент для задания заголовка таблицы. Можно использовать атрибуты align=”top” (заголовок над таблицей) и align=”bottom” (заголовок под таблицей).

<TR> - элемент задания строки таблицы. Для выравнивания содержимого всех ячеек в строке можно использовать атрибут align с присвоением ему значения left, center и right. Для выравнивания содержимого ячеек по вертикали используют атрибут valign с присвоением ему значения “top” (по верхнему краю), “middle” (поцентру) и “bottom”(понижнему краю).

<TH> - элемент ячейки, задающей заголовок столбца или строки. Этот элемент должен располагаться внутри элемента <TR>. Текст внутри такой ячейки выделяется полужирным шрифтом. При большом количестве текста в ячейке броузер выводит текст в несколько строк. Атрибут nowrap запрещает форматирование, и таблица может уйти за край окна. Для объединения ячеек можно использовать атрибуты rowspan=n (n ячеек по горизонтали) и colspan=n (n ячеек по вертикали). Можно использовать атрибуты align и valign.

<TD> - определение обычной ячейки тавлицы. Можно использовать те же атрибйты, что и для ТН.

Пример таблицы с заголовками для столбцов и строк:

<TABLE border=4 cellspacing=3>

<CAPTION> Заголовок таблицы </caption>

<TR><TH bgcolor="yellow">

<TH bgcolor="yellow">Заголовок 1

<TH bgcolor="yellow">Заголовок 2

<TR><TH bgcolor="yellow">Заголовок 3

<TD>Ячейка 1

<TD>Ячейка 2

<TR><TH bgcolor="yellow">Заголовок 4

<TD>Ячейка 3

<TD>Ячейка 4

</table>