Шесть различных HTML заголовков:
<h1>Это Заголовок 1</h1>
<h2>Это Заголовок 2</h2>
<h3>Это Заголовок 3</h3>
<h4>Это Заголовок 4</h4>
<h5>Это Заголовок 5</h5>
<h6>Это Заголовок 6</h6>
Попробуйте сами »
Определение и использование <h1> по <h6>
Теги <h1> по <h6> используются для определения заголовков HTML.
Тег <h1> определяет наиболее важный заголовок. Тег <h6> определяет наименее важный заголовок.
Примечание: Используйте только один <h1> per page - это должно представлять собой основной заголовок/тему для всей страницы. Кроме того, не пропускайте заголовки уровней - начните с <h1>, после использовать <h2>, и так далее.
Поддержка браузеров <h1> по <h6>
| Элемент | |||||
|---|---|---|---|---|---|
| <h1> - <h6> | Да | Да | Да | Да | Да |
Глобальные атрибуты <h1> по <h6>
Тег <h1> по <h6> также поддерживает Глобальные атрибуты в HTML.
Событие атрибутов <h1> по <h6>
Тег <h1> по <h6> также поддерживает Событие атрибутов в HTML.
Еще примеры <h1> по <h6>
Установите цвет фона и цвет текста заголовков (с помощью 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>
Попробуйте сами »
Связные страницы <h1> по <h6>
HTML учебник: HTML Заголовки
HTML DOM справочник: Объект Заголовки
Определение и использование <h1> по <h6>
Большинство браузеров будут отображать элемент <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;
}
Попробуйте сами »