HTML Titels

Titels zijn belangrijk in HTML-documenten.

HTML Titels

Titels (Heading) worden gedefinieerd door de tags <h1> - <h6>.

<h1> Definieert de grootste titel.<h6> Definieert de kleinste titel.

Voorbeeld

<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>

Probeer het zelf

Opmerking:Browsers voegen automatisch een lege regel toe voor en achter titels.

Opmerking:Standaard voegt HTML automatisch een extra lege regel toe voor en achter blokelelementen, zoals paragrafen en titel-elementen.

Titels zijn belangrijk

Zorg ervoor dat u de HTML heading tags alleen voor titels gebruikt. Gebruik de titels niet alleen om vet of grote tekst te genereren.

Zoekmachines gebruiken titels om de structuur en inhoud van uw webpagina's te indexeren.

Omdat gebruikers door middel van titels snel door uw webpagina kunnen bladeren, is het belangrijk om de structuur van het document met titels weer te geven.

Gebruik de h1 als hoofdtitel (de belangrijkste), gevolgd door h2 (de volgende belangrijkste), enz.

HTML horizontale lijn

<hr />-tag maakt een horizontale lijn in een HTML-pagina.

De hr-element kan worden gebruikt om inhoud te scheiden.

Voorbeeld

<p>Dit is een alinea</p>
<hr />
<p>Dit is een alinea</p>
<hr />
<p>Dit is een alinea</p>

Probeer het zelf

Tip:Het gebruik van horizontale lijnen (met de <hr> tag) om secties in een artikel te scheiden is een manier (maar niet de enige manier).

HTML Opmerkingen

Je kunt opmerkingen invoegen in de HTML-code, wat de leesbaarheid van de code verbetert en de code begrijpelijker maakt. Browsers negeren opmerkingen en tonen deze niet weer.

Opmerkingen worden zo geschreven:

Voorbeeld

<!-- Dit is een opmerking -->

Probeer het zelf

Opmerking:Na de openingsslangetje (links van de slopen) moet een uitroepmerkje direct volgen, en er hoeft geen uitroepmerkje voor het sluitingsslangetje (rechts van de slopen) te zijn.

Tip:Het gebruik van opmerkingen kan helpen bij het toekomstige code-bewerken.

HTML Tips - Hoe je de broncode kunt bekijken

Je hebt vast wel eens een webpagina gezien en je hebt je afgevraagd “WOW! Hoe heeft dit gedaan?”

Als je ooit een webpagina hebt gezien en je hebt je afgevraagd “WOW! Hoe heeft dit gedaan?”

Voorbeelden van deze pagina

Titel
Hoe je een titel weergeeft in een HTML-document.
Verborgen opmerkingen
Hoe je een opmerking invoegt in de HTML-broncode.
Horizontale lijn
Hoe je een horizontale lijn invoegt.

HTML Tag referenties

Het tag referenties handboek van CodeW3C.com biedt meer informatie over deze titels en hun eigenschappen.

Je zult in de volgende hoofdstukken van deze handleiding meer leren over HTML tags en eigenschappen.

Tag Beschrijving
<html> Definieer een HTML-document.
<body> Definieer het lichaam van het document.
<h1> tot <h6> Definieer een HTML titel
<hr> Definieer een horizontale lijn.
<!--...--> Definieer een opmerking.