HTML <h1> tot <h6> Merkers
Voorbeeld
Die ses verskillende HTML-opskrifte:
<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 dit self" voorbeelde hieronder.
Definisie en gebruik
Die <h1>
to <h6>
tags word gebruik om HTML-opskrifte te definieer.
<h1>
definieer die belangrikste opskrif. <h6>
definieer die minste belangrike opskrif.
Let wel: Gebruik slegs een <h1>
per bladsy - dit moet die hoofopskrif/onderwerp vir die hele bladsy verteenwoordig. Moet ook nie opskrifvlakke oorslaan nie - begin met <h1>
, gebruik dan <h2>
, ensovoorts.
Blaaierondersteuning
Element | |||||
---|---|---|---|---|---|
<h1> - <h6> | Yes | Yes | Yes | Yes | Yes |
Globale eienskappe
Die <h1>
na <h6>
-merkers ondersteun ook die globale kenmerke in HTML .
Gebeurtenis eienskappe
Die <h1>
na - <h6>
merkers ondersteun ook die gebeurteniskenmerke in HTML .
Meer voorbeelde
Voorbeeld
Stel die agtergrondkleur en tekskleur van opskrifte (met CSS):
<h1 style="background-color:DodgerBlue;">Hello World</h1>
<h2 style="color:Tomato;">Hello
World</h2>
Voorbeeld
Stel die belyning van opskrifte (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>
Verwante bladsye
HTML-tutoriaal: HTML-opskrifte
HTML DOM verwysing: Heading Object
Verstek CSS-instellings
Die meeste blaaiers sal die <h1>
element met die volgende verstekwaardes vertoon:
Voorbeeld
h1 {
display: block;
font-size: 2em;
margin-top: 0.67em;
margin-bottom: 0.67em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
Die meeste blaaiers sal die <h2>
element met die volgende verstekwaardes vertoon:
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;
}
Die meeste blaaiers sal die <h3>
element met die volgende verstekwaardes vertoon:
Voorbeeld
h3 {
display: block;
font-size: 1.17em;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
Die meeste blaaiers sal die <h4>
element met die volgende verstekwaardes vertoon:
Voorbeeld
h4 {
display: block;
font-size:
1em;
margin-top: 1.33em;
margin-bottom: 1.33em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
Die meeste blaaiers sal die <h5>
element met die volgende verstekwaardes vertoon:
Voorbeeld
h5 {
display: block;
font-size: .83em;
margin-top: 1.67em;
margin-bottom: 1.67em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
Die meeste blaaiers sal die <h6>
element met die volgende verstekwaardes vertoon:
Voorbeeld
h6 {
display: block;
font-size: .67em;
margin-top: 2.33em;
margin-bottom: 2.33em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}