САЙТ ДЛЯ ВЕБ РАЗРАБОТЧИКОВ НА РУССКОМ ЯЗЫКЕ
×

HTML5 Учебник

HTML Главная HTML Введение HTML Редакторы HTML Основные HTML Элементы HTML Атрибуты HTML Заголовки HTML Параграфы HTML Стили HTML Форматирование HTML Цитирование HTML Комментарии HTML Цвета HTML c CSS HTML Ссылки HTML Изображения HTML Таблицы HTML Списки HTML Блоки HTML Классы HTML Идентификаторы HTML Фреймы HTML JavaScript HTML Путь к Файлу HTML Глава HTML Макет HTML Адаптивный HTML Компьютерный код HTML Объекты HTML Символы HTML Кодировка HTML URL Кодирование HTML XHTML

HTML Формы

HTML Формы HTML Элементы формы HTML Тип ввода HTML Атрибуты ввода

HTML5

HTML5 Введение HTML5 Поддержка HTML5 Новые Элементы HTML5 Семантика HTML5 Миграция HTML5 Синтасис

HTML Графика

HTML Canvas HTML SVG HTML Google Карта

HTML Медиа

HTML Медиа HTML Видео HTML Аудио HTML Объекты HTML YouTube

HTML API

HTML Геолокация HTML Перетаскивание HTML Веб Хранилище HTML Веб Работник HTML СОС

HTML Примеры

HTML Примеры HTML Викторина HTML Упражнения HTML Сертификат HTML Заключение HTML Возможности

HTML Справочники

HTML Список Тегов HTML Атрибуты HTML Глобальные HTML События HTML Цвета HTML Холст HTML Аудио/Видео HTML Декларации HTML Набор Кодировок HTML URL Код HTML Коды языка HTML Коды стран HTTP Сообщения HTTP Методы Ковертер PX в EM Клавишные комбинации

HTML Заголовки



Заголовки имеют важное значение в HTML документах.


Заголовки определяются с помощью тегов <h1> до <h6>.

Элемент <h1> определяет наиболее важный заголовок. Элемент <h6> определяет наименее важный заголовок.

Пример

<h1>Заголовок 1</h1>
<h2>Заголовок 2</h2>
<h3>Заголовок 3</h3>
<h4>Заголовок 4</h4>
<h5>Заголовок 5</h5>
<h6>Заголовок 6</h6>
Редактор кода »

Примечание: браузеры автоматически добавляют немного белого пространства (маржа) перед и после заголовка.


Заголовки важны

Поисковые системы используют заголовки для индексации структуры и содержания веб-страниц.

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

Заголовки <h1> должны быть использованы для основных разделов, последующие заголовки <h2>, затем менее важные <h3>, и так далее.

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


HTML Горизонтальная линия

Тег <hr> определяет тематическую перерыв в HTML страницу, и чаще всего отображается в виде горизонтальной линии.

Элемент <hr> используется для разделения содержимого (или определяет изменение) в HTML странице:

Пример

<h1>Заголовок 1</h1>
<p>Немного простого текста.lt;/p>
<hr>
<h2>Заголовок 2</h2>
<p>Еще немного текста.</p>
<hr>
Редактор кода »

HTML <head>

Элемент HTML <head> не имеет ничего общего с HTML заголовками.

Элемент <head> является контейнером для метаданных. HTML метаданных - это данные о документе HTML. Метаданные не отображаются.

Элемент <head> расположен между тегом <html> и тегом <body>:

Пример

<!DOCTYPE html>
<html>

<head>
  <title>Мой первый HTML</title>
  <meta charset="UTF-8">
</head>

<body>
.
.
.
Редактор кода »

Примечание: Метаданные, как правило, определяют: заголовок документа, набор символов, стилей, ссылок, скриптов, и прочей Мета-информации.


Как просмотреть исходный код HTML?

Вы когда-нибудь видели веб-страницы и спрашивает "Эй! Как они это сделали?"

Просмотреть исходный код HTML:

Чтобы это выяснить, нажмите правой кнопкой мыши на странице и выбрать "Просмотр исходного кода страницы" (в хром) или "просмотр исходного кода" (в IE) или аналогично в других браузерах. Откройте окно, содержащее исходный код HTML страницы.

Проверить HTML элемент:

Щелкните правой кнопкой мыши по элементу (или пустому месту), и выберите "проверить" или "проверить элемент", чтобы увидеть, из каких элементов состоят (вы увидите HTML и CSS). Вы также можете отредактировать HTML или CSS на лету в элементе или панели стилей, что откроете.


HTML Упражнения

Проверте себя с помощью упражнений

Упражнение:

Используйте правильный HTML тег, чтобы добавить заголовок с текстом "Лондон".



<p>Лондон-столица Англии. Это самый густонаселенный город в Великобритании, с мегаполисом с населением более 13 миллионов человек.</p>

Начните упражнения


Справочник тегов HTML

Справочник тегов SchoolsW3' содержит дополнительные сведения об этих тегах и их атрибутов.

Вы узнаете больше о HTML тегах и атрибутах в следующих главах данного учебника.

Тег Описание
<html> Определяет корень HTML-документа
<body> Определяет тело HTML-документа
<head> Контейнер для всех head элементов (title, scripts, styles, meta информация, и т.д.)
<h1> до <h6> Определяет HTML заголовки
<hr> Определяет тематическое изменение в содержаний