Разметка текста / Заголовки и подзаголовки [2/17]
×

Заголовки и подзаголовки [2/17]

Для создания структуры больших текстов обычно используются заголовки. В текстовых редакторах есть возможность выделить часть текста, найти пункт «Заголовок» нужного уровня в меню, и применить его.

В языке HTML для выделения заголовков предусмотрено целое семейство тегов: от <h1> до <h6>. Тег <h1> обозначает самый важный заголовок (заголовок верхнего уровня), а тег <h6> обозначает подзаголовок самого нижнего уровня.

На практике редко встречаются тексты, в которых встречаются подзаголовки ниже третьего уровня. Поэтому самыми часто используемыми тегами заголовков являются: <h1>, <h2> и <h3>.

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

Хотите писать JavaScript, используя современный синтаксис (ES2015, ES2016, ES2017)? Уметь тестировать свои программы? Записывайтесь на продвинутый интенсив по JavaScript.

Выполнить задание
HTML
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Заголовки и подзаголовки</title> </head> <body> 1 Заголовки <p>Заголовки являются одним из важнейших инструментов для структурирования текста.</p> 1.1 Рекомендации по использованию <p>Вот некоторые рекомендации по использованию заголовков в HTML-странице.</p> 1.1.1 Использование H1 <p>Не рекомендуется, чтобы на одной странице содержалось несколько заголовков верхнего уровня.</p> 1.1.2 Использование H2-H6 <p>При использовании подзаголовков не рекомендуется пропускать уровни заголовков, то есть после заголовка H1 должен идти подзаголовок H2 и только потом подзаголовок H3.</p> </body> </html>
CSS
HTML Academy
  1. Оберните в тег h1 текст «1 Заголовки»,
  2. в тег h2 текст «1.1 Рекомендации по использованию»,
  3. в теги h3 тексты «1.1.1 Использование H1» и «1.1.2 Использование H2-H6».
Теория Проверить Следующее задание

Обсуждение и комментарии

Если у вас возникли сложности при прохождении задания, то вы можете обратиться за помощью на наш форум. Мы отслеживаем сообщения и постараемся ответить максимально быстро.

Пожалуйста, не пишите решение задач. Такие сообщения будут удаляться.

Перейти на форум или открыть комментарии.