ЛУЧШИЙ САЙТ ДЛЯ РАЗРАБОТЧИКОВ
×

HTML5 Tutorial

HTML HOME HTML Introduction HTML Editors HTML Basic HTML Elements HTML Attributes HTML Headings HTML Paragraphs HTML Styles HTML Formatting HTML Quotations HTML Comments HTML Colors HTML CSS HTML Links HTML Images HTML Tables HTML Lists HTML Blocks HTML Classes HTML Id HTML Iframes HTML JavaScript HTML File Paths HTML Head HTML Layout HTML Responsive HTML Computercode HTML Entities HTML Symbols HTML Charset HTML URL Encode HTML XHTML

HTML Forms

HTML Forms HTML Form Elements HTML Input Types HTML Input Attributes

HTML5

HTML5 Intro HTML5 Support HTML5 New Elements HTML5 Semantics HTML5 Migration HTML5 Style Guide

HTML Graphics

HTML Canvas HTML SVG HTML Google Maps

HTML Media

HTML Media HTML Video HTML Audio HTML Plug-ins HTML YouTube

HTML APIs

HTML Geolocation HTML Drag/Drop HTML Web Storage HTML Web Workers HTML SSE

HTML Examples

HTML Examples HTML Accessibility

HTML References

HTML Tag List HTML Attributes HTML Events HTML Colors HTML Canvas HTML Audio/Video HTML Doctypes HTML Character Sets HTML URL Encode HTML Lang Codes HTTP Messages HTTP Methods PX to EM Converter Keyboard Shortcuts

HTML Заголовки

Заголовки

Заголовки 1

Заголовки 2

Заголовки 3

Заголовки 4

Заголовки 5
Заголовки 6

Заголовки 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 только для заголовков. Не используйте заголовки, чтобы сделать текст BIG или bold.


Большие заголовки

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

Пример

<h1 style="font-size:60px;">Heading 1</h1>

Горизонтальные правила HTML

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

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

Пример

<h1>This is heading 1</h1>
<p>This is some text.</p>
<hr>
<h2>This is heading 2</h2>
<p>This is some other text.</p>
<hr>


Элемент HTML <head>

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

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

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

Пример

<!DOCTYPE html>
<html>

<head>
  <title>My First HTML</title>
  <meta charset="UTF-8">
</head>

<body>
.
.
.

Note: Metadata typically define the document title, character set, styles, links, scripts, and other meta information.


Как просмотреть HTML-код?

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

Просмотр исходного кода HTML:

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

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

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


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

Справочник тегов html5css.ru содержит дополнительную информацию об этих тегах и их атрибутах.

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

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