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

HTML5 Учебник

HTML ГлавнаяHTML ВведениеHTML РедакторыHTML ОсновныеHTML ЭлементыHTML АтрибутыHTML ЗаголовкиHTML ПараграфыHTML СтилиHTML ФорматированиеHTML ЦитированиеHTML КомментарииHTML ЦветаHTML c CSSHTML СсылкиHTML ИзображенияHTML ТаблицыHTML СпискиHTML БлокиHTML КлассыHTML ИдентификаторыHTML ФреймыHTML JavaScriptHTML Путь к Файлу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 CanvasHTML SVGHTML 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> Определяет тематическое изменение в содержаний