Учебник по HTML программированию

Таблицы в HTML формируются нетрадиционным способом - построчно. Сначала с помощью элемента TR необходимо создать ряд таблицы, в который затем элементом TD помещаются ячейки.

TABLE - элемент для создания таблицы. Обязательно должен иметь начальный и конечный тэги. По умолчанию таблица печатается без рамки, а разметка осуществляется автоматически в зависимости от объема содержащейся в ней информации. Ячейки внутри таблицы создаются с помощью элементов TR, TD, TH и CAPTION. Параметры: align - определяет способ горизонтального выравнивания таблицы. Возможные значения: left, center, right. Значение по умолчанию - left; valign - определяет способ вертикального выравнивания таблицы. Возможные значения: top, bottom, middle; border - определяет ширину внешней рамки таблицы (в пикселях). При BORDER="0" или при отсутствии этого параметра рамка отображаться не будет; cellpadding - определяет расстояние (в пикселях) между рамкой каждой ячейки таблицы и содержащимся в ней материалом; cellspacing - определяет расстояние (в пикселях) между границами соседних ячеек; width - определяет ширину таблицы. Ширина задается либо в пикселях, либо в процентном отношении к ширине окна браузера. По умолчанию этот параметр определяется автоматически в зависимости от объема содержащегося в таблице материала; height - определяет высоту таблицы. Высота задается либо в пикселях, либо в процентном отношении к высоте окна браузера. По умолчанию этот параметр определяется автоматически в зависимости от объема содержащегося в таблице материала; bgcolor - определяет цвет фона ячеек таблицы. Задается либо RGB-значением в шестнадцатеричной системе, либо одним из 16 базовых цветов; background - позволяет заполнить фон таблицы рисунком. В качестве значения необходимо указать URL рисунка.

CAPTION - задает заголовок таблицы. Содержание заголовка должно состоять только из текста. Использование блочных элементов в этом случае недопустимо. Параметры: align - определяет способ вертикального выравнивания заголовка таблицы. Возможные значения: top - помещает заголовок над таблицей (значение по умолчанию); bottom - помещает заголовок под таблицей.

TR - создает новый ряд (строку) ячеек таблицы. Ячейки в ряду создаются с помощью элементов TD и TH. Параметры: align - определяет способ горизонтального выравнивания содержимого всех ячеек данного ряда. Возможные значения: left, center, right; valign - определяет способ вертикального выравнивания содержимого всех ячеек данного ряда. Возможные значения: top, bottom, middle; bgcolor - определяет цвет фона для всех ячеек данного ряда. Задается либо RGB-значением в шестнадцатеричной системе, либо одним из 16 базовых цветов.

TD/TH - элемент TD создает ячейку с данными в текущей строке. Элемент TH также создает ячейку, но определяет ее как ячейку-заголовок. Такое разграничение позволяет браузерам оформлять содержимое ячейки-заголовка и ячеек с данными разными шрифтами. Кроме того, улучшается работа браузеров, использующих речевой интерфейс. В качестве содержимого ячейки можно использовать другие таблицы. Параметры: align - определяет способ горизонтального выравнивания содержимого ячейки. Возможные значения: left, center, right. По умолчанию способ выравнивания определяется значением параметра ALIGN элемента TR. Если же и он не задан, то для TD выполняется выравнивание по левому краю, а для TH - центрирование; valign - определяет способ вертикального выравнивания содержимого ячейки. Возможные значения: top, bottom, middle. По умолчанию происходит выравнивание по центру, если значение этого параметра не было задано ранее в элементе TR; width - определяет ширину ячейки. Ширина задается в пикселях или в процентном отношении к ширине таблицы; height - определяет высоту ячейки. Высота задается в пикселях или в процентном отношении к ширине таблицы; colspan - определяет количество столбцов, на которые простирается данная ячейка. По умолчанию имеет значение 1; rowspan - определяет количество рядов, на которые простирается данная ячейка. По умолчанию имеет значение 1; nowrap - блокирует автоматический перенос слов в пределах текущей ячейки; bgcolor - определяет цвет фона ячейки. Задается либо RGB-значением в шестнадцатеричной системе, либо одним из 16 базовых цветов; background - заполняет ячейку фоновым рисунком. Необходимо указать URL рисунка. Пример: