Для обозначения заголовков HTML предлагает шесть тегов, которые ранжируют заголовки по их значимости. Для самых важных заголовков (назовём их заголовками первого уровня) предлагается тег <h1>. Для заголовков второго уровня — <h2>, третьего — <h3>, и так далее до <h6>.
По умолчанию шрифт заголовка первого уровня будет самым крупным. Размер шрифта уменьшается от уровня к уровню. Теги <h1>, … , <h6> относятся к блочным элементам, они всегда начинаются с новой строки, а после них другие элементы отображаются на следующей строке. Кроме того, перед заголовком и после него добавляется пустое пространство.
Пример заголовка первого уровня:
<h1>Заголовок</h1>
Пример заголовка второго уровня:
<h2>Заголовок</h2>
Заголовки с третьего по шестой уровень выглядят аналогично. Изменяется лишь цифра, обозначающая номер уровня, в теге.
Пример документа с заголовками:
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Заголовки в HTML</title> </head> <body> <h1>Заголовок первого уровня</h1> <p>Заголовок первого уровня выглядит как заголовок выше.</p> <h2>Заголовок второго уровня</h2> <p>Заголовок второго уровня выглядит как заголовок выше.</p> </body> </html>
Для заголовков доступны атрибут align, универсальные атрибуты и события. Закрывающий тег для заголовков является обязательным.
Статьи по теме: