Элементы TD и TH

Ячейки в ряду создаются с помощью элементов TD и TH (Table Data & Table Head): элемент TD создаёт ячейку с данными в текущей строке, элемент TH также создаёт ячейку, но определяет её как ячейку-заголовок. Такое разграничение позволяет браузерам оформлять содержимое ячейки-заголовка и ячеек с данными разными шрифтами.

Текст, находящийся между тэгами <TH></TH>, отображается жирным шрифтом, то есть <TH>текст</TH> равносильно <TD><b>текст</b></TD>

Основные атрибуты элементов TD и TH приведены в таблице 6.9.

Таблица 6.9 – Атрибуты элементов TD и TH

Атрибут Назначение
ALIGN определяет способ горизонтального выравнивания содержимого ячейки. Возможные значения: left, center, right. По умолчанию способ выравнивания определяется значением параметра ALIGN элемента TR. Если же и он не задан, то для TD выполняется выравнивание по левому краю, а для TH – центрирование
VALIGN определяет способ вертикального выравнивания содержимого ячейки. Возможные значения: top, bottom, middle. По умолчанию происходит выравнивание по центру (VALIGN=»middle»), если значение этого параметра не было задано бнее в элементе TR
WIDTH определяет ширину ячейки. Ширина задается в пикселах или в процентном отношении к ширине таблицы
HEIGHT определяет высоту ячейки. Высота задается в пикселах или в процентном отношении к ширине таблицы
COLSPAN определяет количество столбцов, на которые простирается данная ячейка. По умолчанию имеет значение 1
ROWSPAN определяет количество рядов, на которые простирается данная ячейка. По умолчанию имеет значение 1
NOWRAP блокирует автоматический перенос слов в пределах текущей ячейки
BGCOLOR определяет цвет фона ячейки. Задается либо RGB-значением в шестнадцатеричной системе, либо одним из 16 базовых цветов
BACKGROUND заполняет ячейку фоновым рисунком

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

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

Шаг 1. Откройте блокнот, но для редактирования таблиц лучше воспользоваться HTML-редактором типа Dreamweaver.

Шаг 2. Создайте код страницы и откройте сохраненный документ в окне браузера.


Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями:  



double arrow
Сейчас читают про: