Работа с таблицами. Table – таблицы. Тег используется для представления табличной информации.

Таблицы являются очень удобным средством форматирования данных на Web странице. Основное удобство заключается в том, что браузер берет на себя заботу о прорисовке рамки таблицы. Размер рамки может быть автоматически согласован с размером окна просмотра в браузере и, разумеется, с размером находящихся в ячейках таблицы строк текста и рисунков. Кроме того, таблицы позволяют решать чисто дизайнерские задачи: выравнивать части страницы друг относительно друга, размещать рядом рисунки и текст, управлять цветовым оформлением и т. д. При создании таблиц используется принцип вложения: внутри основного элемента таблицы (TABLE) создается ряд элементов, определяющих строки (TR), а внутри этих элементов размещаются элементы для описания каждой ячейки в строке (ТО,ТН). Чтобы разобраться в структуре существующей таблицы или создать новую таблицу, необходимо помнить, что последовательность элементов описывает таблицу сверху вниз и справа налево. Например, если после элемента TABLE указан элемент TR, это означает, что начинается описание новой строки таблицы. Все, что расположено за этим элементом, будет размещено в одной строке (справа налево). Это может быть последовательность элементов TD (ячеек), другая таблица и т. д. После того как встретится новый элемент TR, начнется описание следующей строки, и т. д. до конца таблицы (тега </table>).

Параметры тега <TABLE>

Внешний элемент таблицы. Он позволяет задавать общие свойства таблицы и отделяет структуру таблицы от остальной части Webстраницы. Рассмотрим атрибуты этого элемента. Большинство атрибутов могут использоваться и в других элементах таблицы.

Имя параметра	Значения	Назначение	Примечания
ALIGN	LEFT, CENTER, RIGHT	Горизонтальное выравнивание всей таблицы	По умолчанию - LEFT
WIDTH	спецификация ширины	Ширина всей таблицы
BORDER	целое	Ширина рамки в пикселях	Значение 0 (по умолчанию) означает - без рамки
CELLSPACING	целое	Промежуток между ячейками в пикселях
CELLPADDING	целое	Промежуток между содержимым ячейки и рамкой вокруг ячейки в пикселях ("набивка")

<CAPTION> </ CAPTION >

Элемент для задания заголовка таблицы. Несмотря на то что этот элемент рас полагается внутри элемента TABLE, заголовок выводится на экране вне рамки таблицы. Положением заголовка можно управлять:

align="top" — заголовок над таблицей;

align="bottom" — заголовок под таблицей;

align="left" — заголовок вверху и выровнен влево;

align=" right " — заголовок вверху и выровнен вправо.

Атрибут align позволяет выравнивать данные в ячейках по гори зонтали. Он принимает следующие значения:

left — выравнивание влево;

right — выравнивание вправо;

center — центрирование.

Атрибут valign позволяет выравнивать текст по вертикали. Значения могут быть такие:

top — выравнивание по верхнему краю ячейки;

bottom — выравнивание по нижнему краю ячейки (не всегда работает);

center — выравнивание по центру;

baseline — выравнивание по первой строке.

TR - табличная строка. Тег используется для представления строки таблицы. Элемент, создающий строку таблицы. Он не имеет конечного тега. Строка заканчивается там, где начинается следующая, то есть следующий элемент TR. Внутри элемента располагаются элементы ТН и TD, определяющие одиночные ячейки. Этот тег может иметь два параметра. ALIGN – определяет горизонтальное выравнивание в таблице, возможные значения: LEFT (по левому краю), CENTER (по центру), RIGHT (по правому краю). VALIGN – определяет вертикальное выравнивание в таблице, возможные значения: TOP (по верхнему краю), MIDDLE (по середине), BOTTOM (по нижнему краю), BASELINE (по нижнему краю текста).

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

Параметры тега ячейки таблицы <TD>

Имя параметра	Возможные значения	Назначение	Примечания
NOWRAP	NOWRAP	Подавляет перенос слов	Эквивалентно использованию непрерывных пробелов ( ) вместо обычных пробелов в пределах содержимого ячейки
ROWSPAN	целое	Число строк, перекрываемых ячейкой	По умолчанию 1
COLSPAN	целое	Число столбцов, перекрываемых ячейкой	По умолчанию 1
ALIGN	LEFT, CENTER, RIGHT	Горизонтальное выравнивание данных в ячейке	По умолчанию LEFT или параметр ALIGN во включающем теге TR
VALIGN	TOP, MIDDLE, BOTTOM, BASELINE	Вертикальное выравнивание данных в ячейке	Перекрывается параметром VALIGN во включающем теге TR
WIDTH	целое	ширина ячейки в пикселях	браузер использует это значение, если оно не конфликтует с требованиями ширины в соседних ячейках в том же самом столбце
HEIGHT	целое	высота ячейки в пикселях	браузер использует это значение, если оно не конфликтует с требованиями высоты для других ячеек в той же самой строке

<TH> Элемент ячейки, которая является заголовком столбца или строки таблицы. Этот элемент должен располагаться внутри элемента TR. Ячейка заголовок отличается от обычной тем, что браузер выводит текст внутри нее выделенным (как правило, полужирным) шрифтом. Для элемента ячейки предусмотрено несколько атрибутов. Если в ячейку введено большое количество текста, браузер разбивает его на строки так, чтобы сохранить требуемую конфигурацию таблицы. Конфигурацию может определять заданная фиксированная ширина таблицы, необходимость согласовать размер таблицы и области просмотра, заданная ширина ячейки. При помощи атрибута nowrap (он не имеет параметров) можно запретить форматирование текста. В этом случае в ячейке будет создана одна строка, а таблица может уйти за край окна. По умолчанию данные выровнены по левому краю в пределах пространства, выделенного браузером для ячейки. Атрибуты аналогичные TD/

A - закладки, гиперссылки. Тег используется для того, чтобы установить гиперссылки и "закладки" для них. При этом определяется, какое слово (или другая конструкция в документе) обеспечивает связь с ресурсом, или указывается, что текущее место документа может использоваться с данным именем в качестве ссылки - закладка.

A-тег в программе из вида <A HREF="цель">текст ссылки</A> преобразуется при выводе на экран так, что текст ссылки представляется способом, выделяющим его из другого текста (например, подчеркиванием или подсветкой).

Параметры тега <A>

Имя параметра	Возможные значения	Назначение	Примечания
NAME	строка символов	имя закладки	должно быть уникальным в пределах документа
HREF	URL (универсальный адрес ресурса)	сетевой адрес для связанного ресурса	должен соответствовать другому HTML документу, PDF файлу, изображению и т.д.
TITLE	строка	заголовок для связанного ресурса	необязательно