Ячейки в ряду создаются с помощью элементов 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. Создайте код страницы и откройте сохраненный документ в окне браузера.