Справочник HTML & CSS

<h1>–<h6>

Заголовки шести уровней: `<h1>` — главный, `<h6>` — самый мелкий.

Синтаксис

<h1>Heading</h1>

Примеры

Заголовки разных уровней:

<h1>Coffee guide</h1>
<h2>Espresso drinks</h2>
<h3>Cappuccino</h3>
<p>Espresso with steamed milk foam.</p>

Размер меняют в CSS, уровень оставляют по смыслу:

<style>
  h2.small { font-size: 16px; text-transform: uppercase; color: gray; }
</style>
 
<h2 class="small">Latest news</h2>
<p>The level stays h2 even though it looks small.</p>

Примечания

На странице обычно один <h1> — её главный заголовок. Уровни не пропускают: после <h2> идёт <h3>, а не <h5>. Заголовок выбирают по месту в структуре текста, а не по нужному размеру шрифта — по заголовкам перемещаются программы чтения с экрана и ориентируются поисковики.

См. также

<p> — Абзац текста.
<hgroup> — Заголовок вместе с подзаголовком или слоганом.
<section> — Тематический раздел страницы с собственным заголовком.

В учебнике

Заголовки и абзацы — Шесть уровней заголовков, абзацы, пробелы и переносы строк, разделительная линия и цитаты в HTML.

Спасибо, что читаете!