HTML <h1> tot <h6> -tags
Voorbeeld
De zes verschillende HTML-koppen:
<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>
Meer "Probeer het zelf" voorbeelden hieronder.
Definitie en gebruik
De <h1>to <h6>-tags worden gebruikt om HTML-koppen te definiëren.
<h1>definieert de belangrijkste kop. <h6>definieert de minst belangrijke kop.
Opmerking: gebruik er slechts één <h1>
per pagina - dit moet de hoofdkop/het onderwerp van de hele pagina vertegenwoordigen. Sla ook geen kopniveaus over - begin met <h1>, gebruik dan <h2>, enzovoort.
Browserondersteuning
| Element | |||||
|---|---|---|---|---|---|
| <h1> - <h6> | Yes | Yes | Yes | Yes | Yes |
Algemene kenmerken
De <h1>to <h6>-tags ondersteunen ook de Global Attributes in HTML .
Gebeurteniskenmerken
De <h1>to <h6>-tags ondersteunen ook de Event Attributes in HTML .
Meer voorbeelden
Voorbeeld
Stel de achtergrondkleur en tekstkleur van koppen in (met CSS):
<h1 style="background-color:DodgerBlue;">Hello World</h1>
<h2 style="color:Tomato;">Hello
World</h2>
Voorbeeld
Stel de uitlijning van koppen in (met 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>
Gerelateerde pagina's
HTML-zelfstudie: HTML-koppen
HTML DOM-referentie: Kopobject
Standaard CSS-instellingen
De meeste browsers geven het <h1>element weer met de volgende standaardwaarden:
Voorbeeld
h1 {
display: block;
font-size: 2em;
margin-top: 0.67em;
margin-bottom: 0.67em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
De meeste browsers geven het <h2>element weer met de volgende standaardwaarden:
Voorbeeld
h2 {
display: block;
font-size: 1.5em;
margin-top: 0.83em;
margin-bottom: 0.83em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
De meeste browsers geven het <h3>element weer met de volgende standaardwaarden:
Voorbeeld
h3 {
display: block;
font-size: 1.17em;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
De meeste browsers geven het <h4>element weer met de volgende standaardwaarden:
Voorbeeld
h4 {
display: block;
font-size:
1em;
margin-top: 1.33em;
margin-bottom: 1.33em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
De meeste browsers geven het <h5>element weer met de volgende standaardwaarden:
Voorbeeld
h5 {
display: block;
font-size: .83em;
margin-top: 1.67em;
margin-bottom: 1.67em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
De meeste browsers geven het <h6>element weer met de volgende standaardwaarden:
Voorbeeld
h6 {
display: block;
font-size: .67em;
margin-top: 2.33em;
margin-bottom: 2.33em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}