- •Структура html документа
- •Параметры фона
- •Параметры текста
- •Параметры гиперссылок
- •Создание простейших html-таблиц
- •Выравнивание Параметр align Горизонтальное выравнивание
- •Параметры valign Вертикальное выравнивание
- •Параметр border
- •Параметр bordercolor
- •Параметры bordercolordark и bordercolorlight
- •Частичное отображение рамок
- •Размеры таблицы Параметры width и height
- •Внутренние отступы
- •Параметр cellspacing
- •Параметр cellpadding
- •Фон таблицы и ячеек
- •Заголовок таблицы
- •Колонтитулы таблицы
- •Параметры выравнивания содержимого ячеек — align и valign
- •Параметры bgcolor и background
- •Параметры width и height
- •Параметр nowrap
- •Слияние ячеек. Параметры colspan и rowspan
- •Заголовки строк и столбцов
- •Группировка данных
- •Отображение пустых ячеек в таблицах
- •Вложенные таблицы
- •Свойства текста
- •Свойства шрифта
- •Внедрения индивидуальных шрифтов.
- •Свойства цвета и фона
- •Блочная модель верстки
- •Позиционирование
Создание простейших html-таблиц
Рассмотрим сначала минимальный набор тэгов и их параметров, необходимый и достаточный для создания несложных таблиц, а затем перейдем к их детальному описанию.
Описание таблиц должно располагаться внутри раздела документа <BODY>.
Документ может содержать произвольное число таблиц, причем допускается вложенность таблиц друг в друга.
Каждая таблица должна начинаться тэгом <TABLE> и завершаться тэгом </TABLE>. Внутри этой пары тэгов располагается описание содержимого таблицы. Любая таблица состоит из одной или нескольких строк, в каждой из которых задаются данные для отдельных ячеек.
Последовательность элементов описывает таблицу сверху вниз и справа налево. Например, если после элемента TABLE указан элемент<TR> (Table Row от английского строка таблицы), это означает, что начинается описание новой строки таблицы. Все, что расположено за этим элементом, будет размещено в одной строке (справа налево). Это может быть последовательность элементов TD (Table Data от английского данные, или содержимое таблицы), другая таблица и т. д.
После того как встретится новый элемент TR, начнется описание следующей строки, и т. д. до конца таблицы (тега </table>).
Завершающие коды </TR>, </TD> могут быть опущены. Однако все же рекомендуется их указывать для предотвращения ошибок, которые могут возникнуть при создании сложных вложенных таблиц. Завершающий тэг таблицы </TABLE> не может быть опущен.
Этих сведений вполне достаточно для построения элементарных таблиц.
Приведем пример простейшей таблицы, состоящей из двух строк и двух столбцов.
<TABLE>
<TR>
<ТО>Ячейка 1 строки 1</TD>
<ТО>Ячейка 2 строки 1</TD>
</TR>
<TR>
<ТП>Ячейка 1 строки 2</TD>
<ТО>Ячейка 2 строки 2</TD>
</TR>
</TABLE>
Параметры тега <TABLE>
Тег <TABLE> является основным тегом таблицы и может содержать ряд параметров, каждый из которых не обязателен для указания. Следует заметить, что некоторые популярные браузеры (Internet Explorer, Netscape и др.) поддерживают часть дополнительных параметров таблицы. Далее речь пойдет о наиболее распространенных параметрах тега <TABLE>, поддерживаемых большинством современных браузеров.
Выравнивание Параметр align Горизонтальное выравнивание
Данный параметр устанавливает тип выравнивания всей таблицы относительно ширины HTML-документа. Существует три возможных значения параметра ALIGN:
align="left" -- выравнивание таблицы по левому краю документа. Значение принято по умолчанию и в случае отсутствия параметра ALIGN таблице будет присвоено именно это значение;
align="right" -- выравнивание таблицы по правой границе документа;
align="center" — центрирование таблицы относительно ширины документа.
В некоторых учебниках и руководствах по языку разметки HTML утверждается, что выравнивание таблицы по центру не поддерживается наиболее популярными браузерами. На самом деле это неверно — все три наиболее распространенных браузера (Internet Explorer, Netscape и Opera), поддерживают центрирование таблицы по горизонтали.
Помимо функции выравнивания таблицы по горизонтали документа, пара
метр ALIGN позволяет получать эффект "обтекания" таблицы текстом
Для получения такого эффекта нужно выбрать тип выравнивания таблицы (в данном случае, кроме центрирования), назначить ширину таблицы менее 100% или зафиксировать ее (подробнее об изменении параметра ширины таблицы будет рассказано чуть позже). Текст, который должен огибать таблицу, размещается сразу же после закрывающего тега </TABLE>.