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.dev содержит дополнительную информацию об этих тегах и их атрибутах.
Вы узнаете больше о тегах HTML и атрибутах в следующих главах этого учебного пособия.
| Тег | Описание |
|---|---|
| <html> | Определяет корень HTML-документа |
| <body> | Определяет тело документа |
| <head> | Контейнер для всех элементов Head (название, скрипты, стили, мета-информация и многое другое) |
| <h1> to <h6> | Определяет заголовки HTML |
| <hr> | Определяет тематическое изменение содержания |