Заголовки HTML

Заголовки HTML являются простым средством разметки текста, а именно изменения его размера в зависимости от "уровня" заголовка. Обычно используются шесть уровней заголовков (начиная от H1 и кончая Н6) для выделения новых разделов и подразделов страницы. В примере, листинг которого приведен ниже, использованы заголовки различных уровней, об относительных размерах которых вы можете судить по приведённому ещё ниже рисунку, демонстрирующему результат работы кода в браузере. Замечу, что реальные размеры текста каждого заголовочного элемента выбираются браузером и могут значительно изменяться в различных браузерах. Тем не менее вы можете "управлять" размерами, а также и другими атрибутами заголовков, но об этом будет рассказано позже.

1 <НТМL>
2
3 
4 
5
6 <HEAD>
7 <ТIТLЕ>Учебник по HTML - Заголовки HTML</ТIТLE>
8 </HEAD>
9
10 <BODY>
11
12 
13 <CENTER>
14 <Н1>Заголовок 1-го уровня</Н1> 
15 <Н2>Заголовок 2-го уровня</Н2> 
16 <Н3>Заголовок 3-го уровня</Н3> 
17 <Н4>Заголовок 4-го уровня</Н4> 
18 <Н5>Заголовок 5-го уровня</Н5> 
19 <Н6>Заголовок 6-го уровня</Н6> 
20 </CENTER>
21
22 </BODY>
23 </HTML>

Результат работы кода.

Совет 1

Добавление комментариев в правой части коротких строк HTML - лучший способ пояснения кода страниц.

В строке 13

используется элемент CENTER, который центрирует по горизонтали в окне браузера содержание, заключённое между тегами <CENTER> и </CENTER>. Большинство элементов HTML-страницы по умолчанию выравниваются по левому краю окна. Позже мы обсудим, каким образом выполняется выравнивание отдельных элементов.

В строке 14

<Н1>Заголовок 1-го уровня</Н1>

используется заголовочный элемент H1, открывающийся тегом <Н1> и закрывающийся тегом </Н1>. Изображаемый стилем заголовка текст помещается между двумя этими тегами. Все шесть заголовочных элементов - с H1 по Н6 - сделаны по единому образцу, но с последовательно уменьшающимся размером шрифта.

Совет 2

Заголовок, помещённый в начало каждой Web-страницы, сразу даст клиентам вашего сайта представление о назначении каждой страницы. Кроме того, это также необходимо для выделения ключей страницы, но об этом будет рассказано тоже позже в другой части сайта.

На главную