Tags voor paginakoppen

Naast alinea's zijn koppen van groot belang op een pagina. Je kunt ze vergelijken met hoofdstuktitels in een boek - elk hoofdstuk heeft zijn eigen kop (de titel van dat hoofdstuk) en is onderverdeeld in paragrafen, die ook hun eigen koppen hebben. En de hoofdtekst van de pagina staat in de alinea's.

Koppen worden gemaakt met de tags h1, h2, h3, h4, h5, h6. Ze hebben een verschillende gradatie van belangrijkheid. In de h1-kop moet de titel van de hele HTML-pagina staan, in h2 - de titel van de blokken van de pagina, in h3 - de titel van subblokken, enzovoort.

Alle koppen zijn standaard vetgedrukt en hebben verschillende groottes (dit kan worden gewijzigd via CSS, maar daarover later meer). Laten we als voorbeeld koppen van alle niveaus maken:

<h1>Heading h1</h1>
<h2>Heading h2</h2>
<h3>Heading h3</h3>
<h4>Heading h4</h4>
<h5>Heading h5</h5>
<h6>Heading h6</h6>

Kopieer de bovenstaande code en voer deze uit in je browser. Bekijk hoe de groottes van de koppen verschillen.

Maak een h1-kop. Maak hieronder een h2-kop, en daaronder een alinea met tekst. Na de alinea's maak je nog een h2-kop, en daaronder 2 alinea's met tekst.