Теги HTML от <h1> до <h6>
Пример
Шесть различных заголовков HTML:
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>
Другие примеры «Попробуйте сами» ниже.
Определение и использование
Теги <h1>to <h6>используются для определения заголовков HTML.
<h1>определяет самый важный заголовок. <h6>определяет наименее важный заголовок.
Примечание. Используйте только один <h1>
на странице — он должен представлять основной заголовок/тему всей страницы. Кроме того, не пропускайте уровни заголовков — начните с <h1>, затем используйте <h2>и так далее.
Поддержка браузера
| Element | |||||
|---|---|---|---|---|---|
| <h1> - <h6> | Yes | Yes | Yes | Yes | Yes |
Глобальные атрибуты
Теги <h1>to <h6>также поддерживают глобальные атрибуты в HTML .
Атрибуты события
Теги <h1>to <h6>также поддерживают атрибуты событий в HTML .
Дополнительные примеры
Пример
Установите цвет фона и цвет текста заголовков (с помощью CSS):
<h1 style="background-color:DodgerBlue;">Hello World</h1>
<h2 style="color:Tomato;">Hello
World</h2>
Пример
Установите выравнивание заголовков (с помощью CSS):
<h1 style="text-align:center">This is heading 1</h1>
<h2 style="text-align:left">This
is heading 2</h2>
<h3 style="text-align:right">This is heading 3</h3>
<h4 style="text-align:justify">This is heading 4</h4>
Связанные страницы
Учебник по HTML: заголовки HTML
Справочник по HTML DOM: объект заголовка
Настройки 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;
}