Продолжаем работу с текстом в нашем HTML-документе. В предыдущем уроке мы с вами создали HTML-документ, в котором текст разбит на абзацы и в нужных местах у нас выполнен принудительный перенос на новую строку внутри одного абзаца с помощью элемента <br>.

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

В HTML есть специальные тэги, которые за это отвечают. Вот эти тэги:

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

<h2>Заголовок уровня 2</h2>

<h3>Заголовок уровня 3</h3>

<h4>Заголовок уровня 4</h4>

<h5>Заголовок уровня 5</h5>

<h6>Заголовок уровня 6</h6>

Заголовки в html создаются парными тэгами и их содержимое будет являться заголовком.

Название элемента h происходит от английского header (заголовок). 

И таких тэгов для заголовков существует 6 видов с шестью разными индексами (h1, h2, h3, h4, h5, h6). 

Чем выше индекс у заголовка, тем более приоритетным он считается. 

h1 - является главным заголовком страницы. 

h2 - это подзаголовок

h3 -  это подподзаголовок

и.т.д.

Каждый уровень заголовка определенным стилевым правилом выделяется на странице.

Для поисковых систем очень важно знать какое содержимое находится внутри заголовков h и в плане поисковой оптимизации тэги h1-h6 имеют очень важное значение.

По сути, это все. Посмотрите видео выше, чтобы посмотреть на конкретном примере, как можно работать с html заголовками на веб-страницах.