Заголовки

На предыдущем уроке мы научились создавать HTML-структуру, которая понадобится в каждом HTML-документе. На этом уроке мы рассмотрим разные HTML-элементы, с помощью которых создаётся содержимое веб-страниц. Поскольку они образуют видимое содержимое страницы, мы будем писать их внутри элемента body.

В редакторе вы найдёте каркас страницы из предыдущего урока. На этот раз мы построим страницу о домашней кошке: в head уже есть элемент meta с кодировкой и элемент title с заголовком Домашняя кошка.

В этом упражнении мы начнём создавать заголовки. Элемент h1 вы уже знаете по предыдущему уроку, но в HTML есть шесть уровней заголовков, от h1 до h6 (h — от heading, «заголовок», а число — это уровень):

<h1>Заголовок уровня 1</h1>
<h2>Заголовок уровня 2</h2>
<h3>Заголовок уровня 3</h3>
<h4>Заголовок уровня 4</h4>
<h5>Заголовок уровня 5</h5>
<h6>Заголовок уровня 6</h6>

h1 — главный заголовок страницы. Он говорит, о чём вся страница, поэтому на странице обычно всего один h1. Заголовки h2 делят страницу на разделы, заголовки h3 делят эти разделы на более мелкие части, и так далее до h6.

Браузеры показывают h1 самым крупным, а каждый следующий уровень чуть мельче. Но уровень заголовка нужно выбирать по его важности, а не по размеру. Если вы хотите сделать заголовок больше или меньше, размер можно изменить с помощью CSS.