Посмотреть все уроки курса
Выбрать другой урок из курса
Поиск по сайту
Теория урока

25. Заголовки и подзаголовки в HTML

Заголовки в HTML - часто используемые теги. Заголовки помогают структурировать большой объем информации. Заголовки делятся на несколько уровней: самый большой по размеру шрифта заголовок первого уровня (<h1>), а самый мелкий – шестой (<h6>). Теги заголовков в HTML обозначаются как буква h с цифрой (уровнем заголовка). Заголовок первого уровня (<h1> … </h1>), это не только самый крупный заголовок по размеру шрифта, но и самый главный по значимости.

Если посмотреть на заголовки со стороны SEO (поисковая оптимизация), то заголовок первого уровня влияет на продвижение сайта. Во-первых, заголовок <h1> должен быть один на всю страницу. Во-вторых, в заголовке первого уровня должны быть указаны продвигаемые ключевые слова (поисковые системы уделяют большой внимание заголовкам HTML).

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

Примеры заголовков. Код HTML
<h1>Заголовок 1 уровня</h1>
<h2>Заголовок 2 уровня</h2>
<h3>Заголовок 3 уровня</h3>
<h4>Заголовок 4 уровня</h4>
<h5>Заголовок 5 уровня</h5>
<h6>Заголовок 6 уровня</h6>

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

Похожие уроки и записи блога

Что такое теги и для чего они нужны?Знакомство с HTML
Обработка исключений (try/except) в PythonЗнакомство с Python
Типы данных в PythonЗнакомство с Python
Свойство background для работы с фономЦвета и фон
Заголовок в HTML - тег TITLEЗнакомство с HTML
Переменные и комментарии в PythonЗнакомство с Python
Вводный урок по курсу HTML и CSSЗнакомство с HTML
Первое знакомство с HTMLЗнакомство с HTML
Использование HTML метатегов (Мета теги)Знакомство с HTML
<
×
>
Раздел «Разметка текста»
УРОК 25. Заголовки и подзаголовки в HTML
Вы здесь
26. ПРАКТИКА: Заголовки и подзаголовки в HTML (практика 1)
27. ТЕСТ: Тест по заголовкам и подзаголовкам в HTML
28. УРОК: Что такое абзац в HTML (тег P)?
29. ТЕСТ: Тест по абзацам в HTML
30. УРОК: Перенос строки и разделительная линия в HTML
31. ПРАКТИКА: Практика: Перенос строки в HTML
32. ТЕСТ: Тест по переносу строки и разделительной линии в HTML
33. УРОК: Нумерованный список в HTML
34. ТЕСТ: Тест по нумерованным спискам в HTML
35. УРОК: Что такое маркированный список в HTML
36. ТЕСТ: Тест по маркированным спискам в HTML
37. УРОК: Акцентирование (выделение) текста в HTML
38. ПРАКТИКА: Жирно-курсиво-перечеркнутый
39. ТЕСТ: Тест по акцентированию текста в HTML
40. УРОК: Цитаты в HTML
41. ТЕСТ: Тест по цитатам в HTML
42. УРОК: Верхний и нижний индекс в HTML
43. ТЕСТ: Тест по индексам в HTML
44. УРОК: Универсальные атрибуты в HTML
45. ТЕСТ: Тест по универсальным атрибутам в HTML
Другие разделы
Раздел 1. Знакомство с HTML
Раздел 3. Ссылки
Раздел 4. Изображения
Раздел 5. Таблицы
Раздел 6. Формы
Раздел 7. HTML5
Раздел 8. Остальное
Раздел 9. Знакомство с CSS
Раздел 10. Селекторы в CSS
Раздел 11. Структура и каскад
Раздел 12. Единицы измерения
Раздел 13. Шрифт
Раздел 14. Свойства текста
Раздел 15. Форматирование
Раздел 16. Отступы, рамки, поля
Раздел 17. Цвета и фон
Раздел 18. Позиционирование
Раздел 19. Верстка таблиц
Раздел 20. Списки
Раздел 21. Анимация
Раздел 22. Практика с htmlbook.ru
Раздел 23. Элементы сайта
Раздел 24. Знакомство с Flexbox
Впервые на сайте Codebra?

Извините за это всплывающее окно, меня они тоже раздражают.

Образовательный ресурс codebra.ru полностью посвящен программированию. Все курсы и уроки находятся на главной странице. Ради интереса можете посмотреть на содержимое курсов по Python, HTML и CSS, JavaScript, C++ и другие, размещенные на главной странице.

Если что-то не нашли, то воспользуйтесь поиском по сайту, который находится на главной странице в самом верху.

Удачи в обучении!

Закрыть окно