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> на сторінку – це має представляти основний заголовок/тему всієї сторінки. Крім того, не пропускайте рівні заголовків - починайте з <h1>, потім використовуйте <h2>, <h3> і так далі.
Підтримка браузерами
| Елемент | |||||
|---|---|---|---|---|---|
| <h1> - <h6> | Так | Так | Так | Так | Так |
Глобальні атрибути
Теги від <h1> до <h6> також підтримують Глобальні атрибути в HTML.
Атрибути подій
Теги від <h1> до <h6> також підтримують Атрибути подій в HTML.
Більше прикладів
Приклад
Встановити колір фону та колір тексту заголовків (за допомогою CSS):
<h1 style="background-color:DodgerBlue;">Hello World</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;
}
Спробуйте самі »
