- •Структура html документа
- •Параметры фона
- •Параметры текста
- •Параметры гиперссылок
- •Создание простейших html-таблиц
- •Выравнивание Параметр align Горизонтальное выравнивание
- •Параметры valign Вертикальное выравнивание
- •Параметр border
- •Параметр bordercolor
- •Параметры bordercolordark и bordercolorlight
- •Частичное отображение рамок
- •Размеры таблицы Параметры width и height
- •Внутренние отступы
- •Параметр cellspacing
- •Параметр cellpadding
- •Фон таблицы и ячеек
- •Заголовок таблицы
- •Колонтитулы таблицы
- •Параметры выравнивания содержимого ячеек — align и valign
- •Параметры bgcolor и background
- •Параметры width и height
- •Параметр nowrap
- •Слияние ячеек. Параметры colspan и rowspan
- •Заголовки строк и столбцов
- •Группировка данных
- •Отображение пустых ячеек в таблицах
- •Вложенные таблицы
- •Свойства текста
- •Свойства шрифта
- •Внедрения индивидуальных шрифтов.
- •Свойства цвета и фона
- •Блочная модель верстки
- •Позиционирование
Заголовок таблицы
Для заголовка страницы можно использовать логический дескриптор <Н1>. Но при желании его можно включить в структуру таблицы — в качестве заголовка — с помощью дескриптора <CAPTION>.
Зачем это может понадобиться? Во-первых, всегда приятно, когда некий виртуальный объект обладает всеми атрибутами своего реального прототипа. Ведь у обычных "бумажных" таблиц почти всегда есть если не надпись, так подпись. Во-вторых, если некий заголовок является неизменным спутником именно этой таблицы, то гораздо лучше жестко "связать" их, чтобы случайно не потерять при очередном копировании. Наконец, в-третьих, дескриптор <CAPTION> позволяет описать — к сожалению, не полностью — положение заголовка относительно таблицы. Режим выравнивания по центру используется в дескрипторе <CAPTION> по умолчанию. Если же мы захотим изменить режим выравнивания, то нам следует задать значение параметра align явно: left (по левому краю) или right (по правому краю). Кроме того, если присвоить параметру align значение bottom, надпись переместится вниз, под таблицу.
А как же в этом случае задать горизонтальное выравнивание? Действительно, если параметру align уже присвоено значение top или bottom, мы не можем присвоить ему второе — left, right или center.
Поэтому для задания вертикального выравнивания лучше использовать второй параметр дескриптора <CAPTION> — valign. Этот параметр имеет всего два значения — top и bottom. Они определяют положение заголовка соответственно над или под таблицей.
Возможности горизонтального выравнивания заголовка таблицы являются расширением спецификации HTML, не поддерживаются браузером Netscape Navigator, и поэтому ими следует пользоваться только в крайней необходимости.
<TABLE border=15 bordercolor=red >
<CAPTION ALIGN=LEFT valign=bottom>Заголовок, располагаемый внизу с выравниванием влево</ CAPTION>
<TR>
<TD>Ячейка 1 строки 1</TD>
<TD>Ячейка 2 строки 1</TD>
</TR>
<TR>
<TD>Ячейка 1 строки 2</TD>
<TD>Ячейка 2 строки 2</TD>
</TR>
</TABLE>
Колонтитулы таблицы
Браузер Internet Explorer позволяет использовать дополнительные теги структурирования табличных данных, а именно - <THEAD>, <TBODY> и <TFOOT>. Эти теги предназначены для создания колонтитулов таблицы различных уровней (соответственно для верхнего, основного (содержательного) и нижнего уровней таблицы).
Теги верхнего и нижнего колонтитулов <THEAD> и <TFOOT> могут быть использованы в структуре таблицы лишь единожды, причем для них необязательно наличие закрывающих тегов.
Верхний и нижний колонтитулы функционально очерчивают логические заголовки соответствующего уровня и применимы, в основном, в больших таблицах, не помещающихся в пределах одной страницы электронного документа.
Тег основного колонтитула <TBODY> может встречаться неоднократно в пределах одной таблицы, однако требует своего закрывающего тега.
Основные колонтитулы выполняют функцию, аналогичную тегам группировки, расставляя логические метки по ходу изложения основной содержательной части таблицы.
При использовании новых тэгов появляется возможность более гибко управлять рамками и линиями сетки таблицы.
Параметры тегов <TR>, <TD> и <ТН>
Теги <TR>, <TD> и <ТН> составляют внутреннюю структуру таблицы и могут содержать набор определенных параметров. Прежде чем перейти к рассмотрению этих параметров, следует сказать, что внутри тега указания ряда таблицы <TR> не может располагаться текст, списки, графические изображения и прочие HTML-элементы и теги. Форматирование любых типов и указание других тегов может быть только в пределах тегов <TD> и <ТН>, определяющих содержимое табличных ячеек.
Каждую отдельную ячейку внутри таблицы можно рассматривать как область для независимого форматирования. Все правила, которые действуют для управления отображением текста, могут быть использованы для форматирования текста внутри ячейки. Внутри ячейки допустимо использование практически всех элементов HTML, которые могут появляться внутри тела документа <BODY>, в том числе тэги, управляющие расположением текста - <р>, <BR>, <HR>, коды заголовков — от <Н1> до <Н6>, тэги форматирования символов — <В>, <I>, <STRONG>, <BIG>, <EM>, <FONT SIZE>, <FONT COLOR>, тэги вставки графических изображений <IMG>, гипертекстовых ссылок <А> и т. д.
Для форматирования данных внутри ячеек таблицы предусмотрены следующие параметры.