Книга: HTML: Популярный самоучитель

Ячейки заголовков

Ячейки заголовков

В предыдущем примере для визуального выделения ячеек заголовков таблицы использовалось форматирование текста внутри HTML?элемента TD вручную. Как можно было заметить, такой способ выделения ячеек является отнюдь не самым удобным. Да и к тому же использовать такое форматирование текста крайне не рекомендуется.

Чтобы избавиться от необходимости задания текста заголовочных ячеек вручную (да и для того, чтобы лучше структурировать содержимое HTML?документа), можно использовать элемент TH. Этот HTML?элемент задается парными тегами <TH> и </TH> (закрывающий тег необязателен). Использование TH аналогично использованию элемента TD. При этом не нужно заботиться о внешнем виде текста заголовочных ячеек: браузер автоматически выделит их содержимое.

Итак, для использования возможностей HTML?элемента TH рассмотренный ранее пример 7.4 можно переписать следующим образом (многоточие – строки с данными, аналогичными из примера 7.4) (пример 7.5).

Пример 7.5. Таблица с заголовочными ячейками

<TITLE>Применение ячеек заголовков</TITLE>

<TABLE align = center border = 3 bordercolor = black>

<CAPTION align = top><B>Доходы от продаж за второе полугодие XXXX

года</B></CAPTION>

<!–формирование первой строки шапки таблицы–>

<TR>

<TH rowspan = 2>ФилиалПериод

<TH colspan = 3>3 квартал

<TH colspan = 3>4 квартал

<!–формирование второй строки шапки (названия месяцев)–>

<TR>

<TH>Июль<TH>Август<TH>Сентябрь

<TH>Октябрь<TH>Ноябрь<TH>Декабрь

<!–далее следуют строки с данными (первая ячейка каждой строки – название филиала–>

...

</TABLE>

При обработке браузером приведенного HTML?документа получится результат, аналогичный показанному на рис. 7.5.

Оглавление книги

Оглавление статьи/книги
Похожие страницы

Генерация: 1.616. Запросов К БД/Cache: 3 / 0
поделиться
Вверх Вниз