Тег 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>
: