HTML <h1> do <h6> Tagi
Przykład
Sześć różnych nagłówków 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>
Więcej przykładów „Wypróbuj sam” poniżej.
Definicja i użycie
<h1>
Tagi to <h6>
służą do definiowania nagłówków HTML .
<h1>
definiuje najważniejszy nagłówek. <h6>
definiuje najmniej ważny nagłówek.
Uwaga: używaj tylko jednego <h1>
na stronę — powinien to reprezentować główny nagłówek/temat na całej stronie. Nie pomijaj również poziomów nagłówków — zacznij od <h1>
, następnie użyj <h2>
i tak dalej.
Obsługa przeglądarki
Element | |||||
---|---|---|---|---|---|
<h1> - <h6> | Yes | Yes | Yes | Yes | Yes |
Atrybuty globalne
Znaczniki <h1>
to <h6>
obsługują również atrybuty globalne w HTML .
Atrybuty wydarzenia
<h1>
Tagi to <h6>
obsługują również atrybuty zdarzeń w HTML .
Więcej przykładów
Przykład
Ustaw kolor tła i kolor tekstu nagłówków (za pomocą CSS):
<h1 style="background-color:DodgerBlue;">Hello World</h1>
<h2 style="color:Tomato;">Hello
World</h2>
Przykład
Ustaw wyrównanie nagłówków (za pomocą 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>
Powiązane strony
Samouczek HTML: Nagłówki HTML
Odniesienie HTML DOM: Obiekt nagłówka
Domyślne ustawienia CSS
Większość przeglądarek wyświetla <h1>
element z następującymi wartościami domyślnymi:
Przykład
h1 {
display: block;
font-size: 2em;
margin-top: 0.67em;
margin-bottom: 0.67em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
Większość przeglądarek wyświetla <h2>
element z następującymi wartościami domyślnymi:
Przykład
h2 {
display: block;
font-size: 1.5em;
margin-top: 0.83em;
margin-bottom: 0.83em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
Większość przeglądarek wyświetla <h3>
element z następującymi wartościami domyślnymi:
Przykład
h3 {
display: block;
font-size: 1.17em;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
Większość przeglądarek wyświetla <h4>
element z następującymi wartościami domyślnymi:
Przykład
h4 {
display: block;
font-size:
1em;
margin-top: 1.33em;
margin-bottom: 1.33em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
Większość przeglądarek wyświetla <h5>
element z następującymi wartościami domyślnymi:
Przykład
h5 {
display: block;
font-size: .83em;
margin-top: 1.67em;
margin-bottom: 1.67em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
Większość przeglądarek wyświetla <h6>
element z następującymi wartościami domyślnymi:
Przykład
h6 {
display: block;
font-size: .67em;
margin-top: 2.33em;
margin-bottom: 2.33em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}