HTML značky <h1> až <h6>
Příklad
Šest různých nadpisů 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>
Další příklady „Vyzkoušejte si to sami“ níže.
Definice a použití
<h1>
Tagy to se <h6>
používají k definování záhlaví HTML.
<h1>
definuje nejdůležitější nadpis. <h6>
definuje nejméně důležitý nadpis.
Poznámka: Používejte pouze jeden <h1>
na stránku – měl by představovat hlavní nadpis/předmět pro celou stránku. Také nepřeskakujte úrovně nadpisů – začněte s <h1>
, poté použijte <h2>
a tak dále.
Podpora prohlížeče
Element | |||||
---|---|---|---|---|---|
<h1> - <h6> | Yes | Yes | Yes | Yes | Yes |
Globální atributy
<h1>
Tagy to <h6>
také podporují globální atributy v HTML .
Atributy události
Značky <h1>
to <h6>
také podporují atributy událostí v HTML .
Další příklady
Příklad
Nastavte barvu pozadí a barvu textu nadpisů (pomocí CSS):
<h1 style="background-color:DodgerBlue;">Hello World</h1>
<h2 style="color:Tomato;">Hello
World</h2>
Příklad
Nastavte zarovnání nadpisů (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>
Související stránky
HTML tutoriál: HTML nadpisy
Odkaz HTML DOM: Objekt nadpisu
Výchozí nastavení CSS
Většina prohlížečů zobrazí <h1>
prvek s následujícími výchozími hodnotami:
Příklad
h1 {
display: block;
font-size: 2em;
margin-top: 0.67em;
margin-bottom: 0.67em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
Většina prohlížečů zobrazí <h2>
prvek s následujícími výchozími hodnotami:
Příklad
h2 {
display: block;
font-size: 1.5em;
margin-top: 0.83em;
margin-bottom: 0.83em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
Většina prohlížečů zobrazí <h3>
prvek s následujícími výchozími hodnotami:
Příklad
h3 {
display: block;
font-size: 1.17em;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
Většina prohlížečů zobrazí <h4>
prvek s následujícími výchozími hodnotami:
Příklad
h4 {
display: block;
font-size:
1em;
margin-top: 1.33em;
margin-bottom: 1.33em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
Většina prohlížečů zobrazí <h5>
prvek s následujícími výchozími hodnotami:
Příklad
h5 {
display: block;
font-size: .83em;
margin-top: 1.67em;
margin-bottom: 1.67em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
Většina prohlížečů zobrazí <h6>
prvek s následujícími výchozími hodnotami:
Příklad
h6 {
display: block;
font-size: .67em;
margin-top: 2.33em;
margin-bottom: 2.33em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}