Тег h1 создает заголовок 1-го уровня. Заголовок - это название какого-либо блока, обычно набранное большим и жирным шрифтом. Заголовок h1 - это самый главный заголовок на странице, в нем должна быть отражена ее основная мысль.
Заголовки в HTML имеют разные уровни: от первого (h1) до шестого (h6). Если сравнивать HTML страницу с книгой, то заголовок h1 можно считать названием всей книги, h2 - главы, h3 - параграфа в главе и так далее. Соответственно, обычный текст лежит в абзацах.
Данный тег по умолчанию жирный и большого размера. Это поведение можно изменить с помощью CSS свойств font-weight и font-size.
Пример
Давайте посмотрим, как выглядят заголовки разных уровней и абзацы в браузере:
<h1>Заголовок h1</h1>
<h2>Заголовок h2</h2>
<h3>Заголовок h3</h3>
<h4>Заголовок h4</h4>
<h5>Заголовок h5</h5>
<h6>Заголовок h6</h6>
<p>Это первый абзац.</p>
<p>Это второй абзац.</p>
<p>Это третий абзац.</p>
: