Помимо абзацев, большой текст для удобства чтения и поиска в нем нужного фрагмента обычно делят на более крупные части: параграфы, главы, разделы. HTML не предоставляет средств для такого структурирования текста. Но он позво- ляет создать заголовки, которые делят текст на части, по крайней мере, визуально. Как в обычной "бумажной" книге.
Прежде всего, уясним, что в HTML есть понятие уровня заголовка, указывающее, насколько крупную часть текста открывает данный заголовок. Всего таких уровней шесть, и обозначаются они числами от 1 до 6.
- Заголовок первого уровня (1) открывает самую крупную часть текста. Как пра- вило, это заголовок всей Web-страницы. Web-обозреватель выводит заголовок первого уровня самым большим шрифтом.
- Заголовок второго уровня (2) открывает более мелкую часть текста. Обычно это большой раздел. Web-обозреватель выводит заголовок второго уровня меньшим шрифтом, чем заголовок первого уровня.
- Заголовок третьего уровня (3) открывает еще более мелкую часть текста; обыч- но главу в разделе. Web-обозреватель выводит такой заголовок еще меньшим шрифтом.
- Заголовки четвертого, пятого и шестого уровней (4 6) открывают отдельные параграфы, крупные, более мелкие и самые мелкие соответственно. Web-обозреватель выводит заголовки четвертого и пятого уровня еще меньшим шрифтом, а заголовок шестого уровня - тем же шрифтом, что и обычные абза- цы, только полужирным.
На Web-страницах небольшого и среднего размера обычно применяют заголовки первого, второго и третьего уровня. Меньшие уровни используются только на очень больших Web-страницах, содержащих сложно структурированный текст.
Для создания заголовка HTML предоставляет парный тег <Hn>, где n - уровень заголовка. Содержимое этого тега станет текстом заголовка (листинг 2.2).
Листинг 2.2
<H1>Я - заголовок Web-страницы, самый главный</H1><H2>Я - заголовок раздела</H2>
<H3>Я - заголовок главы</H3>
<H4>Я - заголовок крупного параграфа</H4>
<H5>Я - заголовок параграфа поменьше</H5>
<H6>А я - заголовок маленького параграфа. Ой, какие все вокруг большие!..</H6>
Заголовок также относится к блочным элементам Web-страницы. При его выводе на экран Web-обозреватель следует тем же правилам, что и для абзаца.
Заголовки - это то, чего не хватает нашей Web-страничке index.htm. Давайте их добавим (листинг 2.3).
Листинг 2.3
<H1>Справочник по HTML и CSS</H1>. . .
<H2>Основные принципы HTML</H2>
. . .
<H2>Теги HTML</H2>
Мы просто заменили теги <P> в соответствующих фрагментах HTML-кода на теги <H1> и <H2>. Теперь можем открыть Web-страницу в Web-обозревателе и посмотреть на результат.