Met de headings-elementen <h1> tot en met <h6> kun je koppen aangeven in je document.
De koppen zijn belangrijk voor lezers om snel door je website te scannen
Maar ook belangrijk voor zoekmachines, deze gebruiken de koppen voor het indexeren wat belangrijk is op je website.
Head elementen worden door browsers verwerkt als display:block Dit betekent dat er automatisch een nieuwe regel voor en na de koppen komt.
Maak een mapje aan genaamd: workshop_2 en maak hierin een headings.html aan en voeg deze code toe:
Zodat je dit resultaat krijgt:
Voeg daaronder nogmaals de lijst toe die loopt van h1 t/m h6, maar zorg door middel van CSS dat de font-groottes juist omgekeerd zijn. Let erop: het <h1> element mag maar 1x voorkomen in de html. verzin dus voor de onderste lijst een oplossing hiervoor.…
