HTML Заголовки
Заголовки HTML – это заголовки или подзаголовки, которые необходимо отображать на веб-странице.
В этой теме:
HTML Заголовки
Заголовки определяются с помощью тегов от <h1> до <h6>.
Тег <h1> определяет наиболее важный заголовок. Тег <h6> определяет наименее важный заголовок.
Пример
<h1>Заголовок 1</h1>
<h2>Заголовок 2</h2>
<h3>Заголовок 3</h3>
<h4>Заголовок 4</h4>
<h5>Заголовок 5</h5>
<h6>Заголовок 6</h6>
Попробуйте сами »
Примечание: Браузеры автоматически добавляют отступ (margin) до и после заголовка.
Заголовки важны
Поисковые системы используют заголовки для индексации структуры и содержимого веб-страниц.
Пользователи часто просматривают страницу по её заголовкам. Важно использовать заголовки, чтобы показать структуру документа.
<h1> заголовки необходимо использовать для основных заголовков, а потом <h2> заголовок, менее важный <h3> и т.д.
Примечание: Используйте HTML-заголовки только для заголовков. Не используйте заголовки, чтобы сделать текст БОЛЬШИМ или жирным.
Большие заголовки
Каждый HTML заголовок имеет размер по умолчанию. Однако, вы можете указать размер для любого заголовка с атрибутом style, используя CSS свойство font-size:
HTML Горизонтальный разделитель
Тег <hr> определяет тематический рызрыв на HTML странице и чаще всего отображается как горизонтальный разделитель (горизонтальная линия).
Элемент <hr> используется для разделения содержания (или определения изменения) на HTML странице.
Пример
<h1>Это заголовок 1</h1>
<p>Это какой-то текст.</p>
<hr>
<h2>Это заголовок 2</h2>
<p>Это какой-то другой текст.</p>
<hr>
Попробуйте сами »
HTML элемент <head>
HTML элемент <head> (голова) - это контейнер для метаданных. Метаданные HTML - это данные о документе HTML. Метаданные не отображаются на странице, они необходимы для служебных целей (поисковых роботов и веб-приложений).
Элемент <head> находится между начальным тегом <html> и начальным тегом <body>:
Пример
<!DOCTYPE html>
<html>
<head>
<title>Мой первый HTML</title>
<meta charset="UTF-8">
</head>
<body>
.
.
.
Попробуйте сами »
Примечание: Метаданные обычно определяют заголовок документа, набор символов, стили, скрипты и прочую метаинформацию.
Как посмотреть исходный код HTML-страницы?
Вы когда-нибудь видели веб-страницу и задавались вопросом "Опачки! А как же они это сделали?!"
Просмотр исходного кода HTML:
Кликните правой кнопкой мыши на html-странице и в появившемся контекстном меню выберите "Посмотреть источник страницы" (в Chrome) или "Посмотреть источник" (в Edge), или "Исходный код страницы" (в Firefox), или "Источник страницы" (в Opera) или что-то схожее в других браузерах. Откроется окно, которое содержит исходный код HTML страницы.
Исследовать HTML элемент:
Кликните правой кнопкой мыши элемент (или пустую область на странице) т выберите "Посмотреть код" или "Исследовать элемент", чтобы увидеть, из каких элементов состоит страница (вы увидите и HTML, и CSS). Вы также можете редактировать HTML или CSS код на лету в панели, что открывается - "Элементы или стили".
HTML Упражнения
HTML Справочник тегов
Справочник тегов содержит дополнительную информацию об этих и других тегах, а также их атрибуты.
Подробнее о тегах и атрибутах HTML вы узнаете в следующих разделах этого учебника.
| Тег | Описание |
|---|---|
| <html> | Определяет начало загрузки HTML документа |
| <body> | Определяет тело документа |
| <head> | Контейнер для всех элементов головы страницы (название, скрипты, стили, метаинформация и др.) |
| <h1> до <h6> | Определяет HTML заголовки |
| <hr> | Определяет тематическую смену в содержании |
Для получения полного списка всех доступных HTML тегов, посетите HTML Справочник тегов на нашем сайте W3Schools на русском.
Вопросы для самоконтроля
- Что такое HTML-заголовки?
- Зачем нужны HTML-заголовки?
- Какие заголовки бывают на HTML-страницах?
- Какой тег определяет самый большой и самый маленький заголовок?
- Что такое горизонтальный разделитель на HTML-странице?
- Какой тег определяет горизонтальный разделитель HTML-страницы?
- Для чего нужен HTML-элемент head?
- Где на веб-странице находится элемент head?
- Какой тег используется для записи названия веб-страницы?
- Какой тег используется для сохранения информации, которую используют браузеры и поисковые системы?
- Как просмотреть исходный HTML-код в браузере?
- Как исследовать HTML-элемент с помощью браузера?
