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;
}
Попробуйте сами »