Door middel van het <p> (paragraaf) element heb je geleerd dat je de tekst in blokken kunt opdelen. Maar bij het formatteren van tekst komt nog veel meer kijken! Om de pagina overzichtelijk te houden voor je bezoekers kun je aangeven waar iedere paragraaf over gaat. Net zoals je website een titel heeft, kun je voor iedere paragraaf ook een titel instellen door middel van headings.
In totaal zijn er 6 soorten headings in HTML: h1, h2, h3, h4, h5 en h6. Deze headings plaats je in het body element, dus niet verwarren met het <title> element wat je tussen de <head> tags hebt geplaatst.
H1 is de grootste heading en dient op een webpagina maar 1 keer gebruikt te worden als hoofdtitel van deze pagina. De overige headings, h2 t/m h6, kun je zo vaak gebruiken als je wilt, maar wel in de juiste volgorde. H3 is een subkop van h2, h4 is weer een subkop van h3, enzovoort.
De headings maken gebruik van een openings- en sluitingstag. De tekst plaats je tussen deze twee tags.
In je texteditor ziet dit er als volgt uit:
<html>
<head>
<title>HTML | Headings</title>
</head>
<body>
<h1>H1 is de grootste heading en mag maar 1 gebruikt worden.</h1><h2>H2 is een subkop van h1.</h2>
<h3>H3 is een subkop van h2.</h3>
<h4>H4 is een subkop van h3.</h4>
<h5>H5 is een subkop van h4.</h5>
<h6>H6 is een subkop van h5 en de kleinste heading.</h6>
</body>
</html>
Geen opmerkingen:
Een reactie posten