Заголовки HTML

Вёрстка сайта с нуля 2.0

Как научиться верстать сайты любой сложности и под любые устройства, даже если сейчас Вы не знаете, что такое HTML? Есть несколько способов, но самый доступный - это видеокурс. Подробнее...

У любого текста должен быть заголовок. А у любого хорошего текста должны быть ещё и подзаголовки. А поскольку HTML-страница - это в большинстве случаев текст в том или ином виде, то в HTML, разумеется, должны быть специальные средства для оформления заголовков. И, скажу вам по секрету, такие средства есть )))

Как создать заголовок в HTML

Для заголовка, как и для всего прочего, есть специальный тег. Заголовками и подзаголовками не стоит пренебрегать, поскольку они позволяют сделать страницу более “читабельной” и, кроме того, влияют на индексацию страницы в поисковых системах.

Тег заголовка HTML начинается с буквы H или h. Затем идёт число, которое определяет размер заголовка. Таким образом, в HTML есть шесть тегов для заголовков - от <h1> (самый крупный заголовок HTML) до <h6> (самый мелкий).

Как вы понимаете, размер заголовка HTML зависит от числа, которое мы записываем после буквы h.

Тег заголовка - это парный тег. Поэтому заголовок документа HTML в исходном коде страницы должен выглядеть, например, так:

<h1>Это самый большой заголовок HTML</h1>

Обычно браузер отображает заголовки полужирным шрифтом. Текст в теге <h4> обычно имеет такой же размер, что и основной текст страницы.

Теги заголовков разрывают текст. То есть перед заголовком и после заголовка будут пустые строки, даже если там нет тегов абзаца или конца строки.

Уровни заголовков HTML

Иногда вы можете встретить такое название, как “уровень заголовка”. Здесь имеются ввиду номера и размеры заголовка. HTML заголовок h1 - это заголовок первого уровня, h2 - второго уровня, ну и так далее.

Тег <h1> обычно используют для заглавия всего документа. Тег <h2> - для названий разделов и так далее.

Выравнивание заголовка HTML

По умолчанию заголовок выравнивается по левому краю. Но при необходимости его можно выровнять по центру, по правому краю и т.п. Для этого используются такие же атрибуты, как и для параграфов (см. здесь).

Пример выравнивания заголовка по центру:

<h2 align="center"> Этот заголовок выровнен по центру </h2>

ПРИМЕЧАНИЕ
Атрибут justify (выравнивание по ширине страницы) поддерживается не всеми браузерами.

Атрибуты заголовков HTML

Теги заголовков могут иметь и другие атрибуты. Например, class, dir, id, lang, style, title, а также атрибуты событий. Но об этом мы будем говорить более подробно в других статьях. Если же вы уже сейчас хотите знать всё о вёрстке сайтов, то вам сюда.

Подписаться на канал в YouTube

Вступить в группу "Основы программирования"

Подписаться на рассылки по программированию

Как создать свой сайт

Очень небольшая книга, которую можно прочитать буквально за 15 минут. Но эти 15 минут дадут вам представление о том, как создаются современные сайты... Подробнее...

Главная
Контакты