Использование таблиц в HTML

<111213 14 15 16 17 >

Теги HTML для создания таблиц первоначально предназначались для представления строк и столбцов табулированных данных. Однако дизайнеры научились с их помощью управлять разметкой Web-страниц: создавать столбцы текста, задавать интервалы между элементами и изменять внешний вид текста способами, недоступными другим тегам форматирования HTML.

Таблицы в языке HTML всегда имеют прямоугольный вид и состоят из строк, которые в свою очередь состоят из ячеек. Все языковые конструкции, описывающие компоненты создаваемой таблицы, заключаются между тегами <TABLE> и </TABLE>.

Заполнение таблицы происходит построчно; для обозначения строки используется пара тегов<TR>...</TR>. Строка состоит из ячеек, для задания которых используют либо теги <TH>...</TH>, если эти ячейки содержат заголовки столбцов, либо теги <TD>...</TD>. Заголовки выводятся полужирным шрифтом и располагаются по центру ячейки. Данные имеют обычный шрифт и выравниваются по левой стороне ячейки. Для задания заголовка всей таблицы используются теги <CAPTION> и </CAPTION>.

Пример

<TABLE><CAPTION>Заголовок таблицы</CAPTION><TR><TH>Заголовок 1</TH><TH>Заголовок 2</TH></TR><TR><TD>Ячейка 1</TD><TD>Ячейка 2</TD></TR><TR><TD>Ячейка 3</TD><TD>Ячейка 4</TD></TR></TABLE>

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

Нет надобности отдельно создавать пустые ячейки, если планируется, что все оставшиеся в строке ячейки не будут заполнены. Так как тег <TR> сигнализирует о начале новой строки, пустые ячейки будут добавлены браузером автоматически.

Основные атрибуты тега <TABLE>

Назначение основных атрибутов тега <TABLE> и значения, которые они могут принимать перечислены в таблице.

Атрибут	Назначение
`BORDER=n`	Определяет ширину рамки таблицы (в пикселах), например, `BORDER=1`; значение, равное нулю, означает отсутствие рамки
`WIDTH=n`	Определяет ширину всей таблицы в пикселах, либо в процентах от ширины окна браузера
`HEIGHT=n`	Определяет высоту всей таблицы в пикселах, либо в процентах от высоты окна браузера
`ALIGN`	Задает горизонтальное выравнивание таблицы в окне браузера; имеет значения `left`, `center` и `right` (по умолчанию -- `left`)
`CELLPADDING=n`	Добавляет свободное пространство между данными внутри ячейки и ее границами; по умолчанию значение равно 2
`CELLSPACING=n`	Добавляет свободное пространство между ячейками внутри всей таблицы; по умолчанию значение равно 2
`HSPACE=n`	Задает области свободного пространства указанной ширины (в пикселах) слева и справа от таблицы
`VSPACE=n`	Задает области свободного пространства заданной высоты (в пикселах) сверху и снизу от таблицы
`BGCOLOR=цвет`	Устанавливает цвет фона всей таблицы
`BACKGROUND=URL`	Указывает фоновое изображение для таблицы, где URL -- адрес источника (имя файла с изображением)