Пример
Шесть различных заголовков 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>
на страницу - он должен представлять основной заголовок/тему для всей страницы.
Также не пропускайте уровни заголовков - начинайте с <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: Объект Heading
Настройки CSS по умолчанию
Большинство браузеров будут отображать элемент <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;
}
Попробуйте сами »