Прогресс завершения курса:

Заголовки в HTML-документе

В HTML используется 6 уровней заголовков, которые организованы по уровню важности: <h1>, <h2>, <h3>, <h4>, <h5> и <h6>.

В нижеприведённом коде использованы все 6 заголовков:

<html>
<head>
<title>Первая страница</title>
</head>
<body>
<h1>Заголовок 1</h1>
<h2>Заголовок 2</h2>
<h3>Заголовок 3</h3>
<h4>Заголовок 4</h4>
<h5>Заголовок 5</h5>
<h6>Заголовок 6</h6>
</body>
</html>

Результат:



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

Горизонтальные линии

Чтобы добавить в документ горизонтальную линию, используется тег <hr>.


<p>Параграф текста.</p>
<hr>
<p>Ещё один параграф текста.</p>

Результат:



В HTML5 тег <hr> обрамляет тематический разрыв.

Комментарии

Комментарии не отображаются браузером, но они помогают в составлении документа и дают возможность добавлять описания, делать заметки, напоминания и прочее.


<!-- Текст Вашего комментария -->

Для примера вставим строку комментария в наш предыдущий блок кода:

<p>Параграф текста.</p>
<hr>
<!-- Текст Вашего комментария -->
<p>Ещё один параграф текста.</p>

Результат:



Как Вы видите, комментария в окне браузера не видно.
В открывающем теге ставится восклицательный знак (!), а в закрывающем теге нет.