Подготовительный курс HTML и CSS: Заголовки

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

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

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

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

<h1>Заголовок первого уровня</h1>
<h2>Заголовок второго уровня</h2>
<h3>Заголовок третьего уровня</h3>
<h4>Заголовок четвёртого уровня</h4>
<h5>Заголовок пятого уровня</h5>
<h6>Заголовок шестого уровня</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>

Задание

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