Теги для заголовков страницы
Кроме абзацев важное значение на странице имеют заголовки. Их также можно сравнить с заголовками из книги - каждая глава имеет свой заголовок (название этой главы) и разбита на параграфы, которые тоже имеют свои заголовки. Ну, а основной текст страницы располагается в абзацах.
Заголовки создаются с помощью тегов <h1>
,
<h2>
, <h3>
, <h4>
,
<h5>
, <h6>
. Они имеют разную
степень важности. В заголовке h1
следует
располагать название всей HTML страницы,
в h2
- название блоков страницы, в
h3
- название подблоков и так далее.
Все заголовки по умолчанию жирные и имеют разный размер (это можно поменять через CSS, но об этом позже). Для примера сделаем заголовки всех уровней:
<h1>Heading h1</h1>
<h2>Heading h2</h2>
<h3>Heading h3</h3>
<h4>Heading h4</h4>
<h5>Heading h5</h5>
<h6>Heading h6</h6>
Скопируйте приведенный выше код себе и запустите его в браузере. Посмотрите, как отличаются размеры заголовков.
Сделайте заголовок h1
. Ниже сделайте
заголовок h2
, а под ним - абзац с
текстом. После абзацев сделайте еще один
заголовок h2
, а под ним - 2
абзаца с текстом.