HTML-code (HyperText Markup Language) is de standaardtaal waarmee je de structuur en inhoud van webpagina's en webapplicaties vastlegt. Het is een opmaaktaal die met tags aangeeft wat een stukje inhoud betekent, zoals een kop, een alinea, een afbeelding of een link. HTML is geen programmeertaal, maar de bouwtekening die een browser vertelt hoe een pagina is opgebouwd en welke onderdelen erop staan.
Wat is HTML precies?
HTML vormt de basislaag van vrijwel elke pagina op het web. Waar de tekst en beelden de inhoud zijn, bepaalt de HTML de betekenis en hiërarchie ervan: dit is de hoofdkop, dit is een paragraaf, dit is een lijst. Die structuur is niet alleen belangrijk voor bezoekers, maar ook voor zoekmachines. Een nette, semantische opbouw helpt bij zoekmachineoptimalisatie, omdat crawlers de inhoud dan beter kunnen interpreteren. Zonder HTML zou een browser niet weten of een regel tekst een titel, een knop of gewoon platte tekst is.
Hoe werkt een HTML-tag?
Een HTML-tag begint met een < en eindigt met een >. De inhoud van een element plaats je tussen een open- en een sluittag. Zo gebruik je <h1> voor een hoofdkop en <p> voor een alinea, telkens afgesloten met een sluittag als </p>. Veel tags kun je verder verfijnen met attributen, extra informatie binnen de openingstag. Een bekend voorbeeld is het href-attribuut, waarmee je een hyperlink naar een andere pagina laat wijzen.
Veelgebruikte tags definiëren onder andere:
- Kopjes: van
<h1>tot<h6>, voor de titelhiërarchie. - Alinea's:
<p>voor lopende tekst. - Afbeeldingen:
<img>, met een verwijzing naar het beeldbestand. - Links en formulieren:
<a>en<form>voor navigatie en interactie.
Hoe is een HTML-document opgebouwd?
Elk HTML-document volgt een vaste basisstructuur. Die zorgt ervoor dat browsers de pagina consistent kunnen inlezen:
- <!DOCTYPE html>: geeft aan dat het document een HTML-pagina is.
- <html>: de buitenste tag die de hele webpagina omsluit.
- <head>: het onzichtbare deel met technische informatie, zoals de paginatitel, verwijzingen naar stylesheets en metatags.
- <body>: hierbinnen staat de zichtbare inhoud, met de tags voor kopjes, alinea's, afbeeldingen en links.
Wat doen CSS en JavaScript binnen HTML?
HTML legt de structuur vast, maar werkt zelden alleen. Twee talen vullen het aan tot een complete website:
- CSS (Cascading Style Sheets): bepaalt de opmaak, zoals kleur, lettertype, grootte en layout. CSS zorgt er ook voor dat een pagina zich aanpast aan het scherm, de basis van responsive design.
- JavaScript: voegt interactieve functies toe, zoals dynamische formulieren, animaties en inhoud die verandert zonder dat de pagina opnieuw laadt.
Samen vormen HTML, CSS en JavaScript het fundament van moderne webpagina's: HTML voor de structuur, CSS voor de vormgeving en JavaScript voor het gedrag.
Waarom is schone HTML belangrijk?
Goed geschreven, semantische HTML betaalt zich op meerdere fronten terug. Het maakt een pagina toegankelijker voor mensen die schermlezers gebruiken, sneller om te laden en makkelijker te onderhouden. Ook meetbaarheid profiteert ervan: een heldere structuur maakt het eenvoudiger om tracking code netjes in te bouwen. Wil je een professionele, technisch gezonde site laten bouwen op deze fundamenten? Bekijk dan wat het inhoudt om een website te laten maken.
Veelgestelde vragen over HTML-code
Is HTML een programmeertaal?
Nee. HTML is een opmaaktaal (markup language). Het beschrijft de structuur en betekenis van inhoud, maar bevat geen logica of berekeningen zoals een echte programmeertaal. Voor interactie en logica gebruik je bijvoorbeeld JavaScript.
Moet ik zelf HTML kunnen schrijven voor een website?
Niet per se. Veel contentmanagementsystemen genereren de HTML automatisch. Toch helpt basiskennis: je begrijpt beter hoe een pagina is opgebouwd en kunt gerichter aanpassingen doen of problemen oplossen.
Wat is het verschil tussen HTML en CSS?
HTML bepaalt wat er op een pagina staat en hoe het is gestructureerd. CSS bepaalt hoe het eruitziet, zoals kleuren, lettertypes en indeling. Ze werken samen, maar hebben elk een eigen rol.
In het kort: HTML-code is de basisstructuur van een webpagina. Met tags leg je vast welke inhoud er op de pagina staat en hoe die is opgebouwd, terwijl CSS en JavaScript zorgen voor de vormgeving en de interactie.