HTML: Заголовки

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

  1. Введение
  2. Основная часть
  3. Заключение

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

Для создания заголовков используется 6 парных тегов: <h1>, <h2>, <h3>, <h4>, <h5>, <h6>, где <h1> — заголовок первого уровня, самый важный и описывающий главную тему текста, а <h6> — заголовок самого низшего уровня.

<h1>Title of the first level</h1>
<h2>Title of the second level</h2>
<h3>Title of the third level</h3>
<h4>Title of the fourth level</h4>
<h5>Title of the fifth level</h5>
<h6>Title of the sixth level</h6>

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

  • Глава 1
    • Часть 1
    • Часть 2
      • Примечания
    • Часть 3
  • Глава 2
<h1>Лучшая книга на Земле</h1>
<p>Описание книги. Благодарность моему коту и двум моим собакам. Мяу!</p>

<h2>Глава 1</h2>

<h3>Часть 1</h3>
<p>Параграф с текстом</p>
<p>Параграф с текстом</p>

<h3>Часть 2</h3>
<p>Параграф с текстом</p>
<p>Параграф с текстом</p>
<h4>Примечания</h4>
<p>Текст этого примечания написан с любовью</p>

<h3>Часть 3</h3>
<p>Параграф с текстом</p>
<p>Параграф с текстом</p>

<h2>Глава 2</h2>

Задание

Добавьте в редакторе заголовок первого и второго уровня с произвольным текстом

Полезное

  • Соблюдайте последовательность заголовков. Не перескакивайте уровни

  • На странице, обычно, находится только один заголовок первого уровня

Команда проекта находится в телеграм-сообществе. Там можно задать любой вопрос и повлиять на проект

Нашли ошибку? Есть что добавить? Пулреквесты приветствуются