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

Обновляется!!! Справочник JavaScript

HTML Тег <h1> по <h6>



Пример

Шесть различных HTML заголовков:

<h1>Это Заголовок 1</h1>
<h2>Это Заголовок 2</h2>
<h3>Это Заголовок 3</h3>
<h4>Это Заголовок 4</h4>
<h5>Это Заголовок 5</h5>
<h6>Это Заголовок 6</h6>
Попробуйте сами »

Определение и использование

Теги <h1> по <h6> используются для определения заголовков HTML.

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

Примечание: Используйте только один <h1> per page - это должно представлять собой основной заголовок/тему для всей страницы. Кроме того, не пропускайте заголовки уровней - начните с <h1>, после использовать <h2>, и так далее.


Поддержка браузеров

Элемент
<h1> - <h6> Да Да Да Да Да

Глобальные атрибуты

Тег <h1> по <h6> также поддерживает Глобальные атрибуты в HTML.


Событие атрибутов

Тег <h1> по <h6> также поддерживает Событие атрибутов в HTML.



Еще примеры

Пример

Установите цвет фона и цвет текста заголовков (с помощью CSS):

<h1 style="background-color:DodgerBlue;">Привер Мир</h1>
<h2 style="color:Tomato;">Привер Мир</h2>
Попробуйте сами »

Пример

Установите выравнивание заголовков (с помощью CSS):

<h1 style="text-align:center">Это Заголовок 1</h1>
<h2 style="text-align:left">Это Заголовок 2</h2>
<h3 style="text-align:right">Это Заголовок 3</h3>
<h4 style="text-align:justify">Это Заголовок 4</h4>
Попробуйте сами »

Связные страницы

HTML учебник: HTML Заголовки

HTML DOM reference: Объект heading


Определение и использование

Большинство браузеров будут отображать элемент <h1> со следующими значениями по умолчанию:

Пример

h1 {
  display: block;
  font-size: 2em;
  margin-top: 0.67em;
  margin-bottom: 0.67em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}
Попробуйте сами »

Большинство браузеров будут отображать элемент <h2> со следующими значениями по умолчанию:

Пример

h2 {
  display: block;
  font-size: 1.5em;
  margin-top: 0.83em;
  margin-bottom: 0.83em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}
Попробуйте сами »

Большинство браузеров будут отображать элемент <h3> со следующими значениями по умолчанию:

Пример

h3 {
  display: block;
  font-size: 1.17em;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}
Попробуйте сами »

Большинство браузеров будут отображать элемент <h4> со следующими значениями по умолчанию:

Пример

h4 {
  display: block;
  font-size: 1em;
  margin-top: 1.33em;
  margin-bottom: 1.33em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}
Попробуйте сами »
Большинство браузеров будут отображать элемент <h5> со следующими значениями по умолчанию:

Пример

h5 {
  display: block;
  font-size: .83em;
  margin-top: 1.67em;
  margin-bottom: 1.67em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}
Попробуйте сами »
Большинство браузеров будут отображать элемент <h6> со следующими значениями по умолчанию:

Пример

h6 {
  display: block;
  font-size: .67em;
  margin-top: 2.33em;
  margin-bottom: 2.33em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}
Попробуйте сами »