HTML: Заголовки
Чем больше текст, тем чаще он разбивается на логические секции. Например, базовая разметка доклада, диплома или реферата состоит из трёх основных частей:
- Введение
- Основная часть
- Заключение
Такие логические разделения на заголовки позволяют быстрее ориентироваться в документе и находить ту часть, которая нужна.
Для создания заголовков используется 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>Задание
Добавьте в редакторе заголовок первого и второго уровня с произвольным текстом
Полезное
Соблюдайте последовательность заголовков. Не перескакивайте уровни
На странице, обычно, находится только один заголовок первого уровня
HTML: Заголовки
Чем больше текст, тем чаще он разбивается на логические секции. Например, базовая разметка доклада, диплома или реферата состоит из трёх основных частей:
- Введение
- Основная часть
- Заключение
Такие логические разделения на заголовки позволяют быстрее ориентироваться в документе и находить ту часть, которая нужна.
Для создания заголовков используется 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>Задание
Добавьте в редакторе заголовок первого и второго уровня с произвольным текстом
Полезное
Соблюдайте последовательность заголовков. Не перескакивайте уровни
На странице, обычно, находится только один заголовок первого уровня
Ваше упражнение проверяется по этим тестам
const { test } = require('tests');
test(({ query, expect }) => {
const h1 = query(document, 'h1');
expect(h1).to.be.visible;
const h2 = query(document, 'h2');
expect(h2).to.be.visible;
});Решение учителя откроется через:
20:00
