HTML staat voor HyperText Markup Language. Het is geen programmeertaal maar een opmaaktaal: je geeft stukken tekst een betekenis door ze te omhullen met tags. Een browser leest die tags en weet daardoor wat een kop is, wat een alinea is, waar een afbeelding moet staan en welke tekst een klikbare link is.
Elke website ter wereld — van een simpele blog tot een complexe webapplicatie — is gebouwd op HTML. Frameworks als React of Vue genereren uiteindelijk ook gewoon HTML. Als je begrijpt hoe HTML werkt, begrijp je de basis van het hele web.
Wat leer je met HTML?
Na de HTML-track van mbo-sd kun je het volgende zelfstandig:
- Tekst opmaken — koppen, alinea's, vetgedrukt, cursief, citaten
- Links maken — naar andere pagina's, naar e-mailadressen, naar ankers op dezelfde pagina
- Afbeeldingen toevoegen — met alternatieve tekst voor toegankelijkheid
- Lijsten bouwen — geordende en ongeordende lijsten
- Tabellen maken — voor gestructureerde data
- Formulieren bouwen — tekstvelden, keuzerondjes, keuzelijsten, knoppen
- Semantische structuur —
<header>,<main>,<article>,<footer>— voor betere SEO en toegankelijkheid
De HTML-track van mbo-sd
De track bestaat uit zes lessen. Elke les heeft een live code-editor zodat je direct kunt oefenen, en een quiz aan het einde om te checken of de stof beklijft.
Je allereerste webpagina — wat doet een browser en hoe schrijf je HTML-tags
Koppen, alinea's, klikbare links en afbeeldingen toevoegen
Geordende en ongeordende lijsten, tabellen voor gestructureerde data
Tekstvelden, keuzerondjes, selectielijsten en verzendknoppen
Betekenisvolle structuur met header, main, article, section, footer
De brug naar CSS — je eerste stijlregels en hoe HTML en CSS samenwerken
Wat is HTML precies? (voor beginners uitgelegd)
HTML werkt met tags. Een tag is een woord tussen punthaken, zoals <p>. De meeste tags hebben een openingstag en een sluitingstag. Alles daartussen is de inhoud.
Neem een alinea: <p>Dit is een alinea.</p>. De <p> vertelt de browser: hier begint een alinea. De </p> (met slash) vertelt: hier eindigt hij. Een kop werkt hetzelfde: <h1>Mijn titel</h1>.
Een link heeft ook een attribuut — extra informatie binnen de tag: <a href="https://mbo-sd.com">Klik hier</a>. Het href-attribuut vertelt de browser waar de link naartoe gaat.
En dit is hoe een complete, werkende HTML-pagina eruit ziet:
<!DOCTYPE html>
<html lang="nl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mijn eerste pagina</title>
</head>
<body>
<header>
<h1>Welkom op mijn website</h1>
</header>
<main>
<p>Dit is een alinea tekst. HTML is niet moeilijk.</p>
<h2>Wat ik leuk vind</h2>
<ul>
<li>Websites bouwen</li>
<li>Leren coderen</li>
<li>Problemen oplossen</li>
</ul>
<p>
Meer leren? Ga naar
<a href="https://mbo-sd.com">mbo-sd.com</a>.
</p>
</main>
<footer>
<p>© 2026 Mijn Naam</p>
</footer>
</body>
</html>
Sla dit op als index.html en open het in je browser — je hebt een werkende webpagina. Dat is HTML.
Wat na HTML?
HTML geeft je de structuur. Maar een pagina met alleen HTML ziet er kaal uit: zwarte tekst op een witte achtergrond, geen kleuren, geen lay-out, geen stijl.
De volgende stap is CSS leren. CSS voegt het uiterlijk toe: kleuren, lettertypen, marges, lay-out. Met les 1 van de CSS-track ga je direct verder waar de HTML-track eindigt.
Na CSS komt JavaScript. Dat voegt gedrag toe: knoppen die reageren, formulieren die valideren, inhoud die verandert zonder de pagina te herladen. De drie — HTML, CSS en JavaScript — vormen samen de basis van elke moderne website.
Kleuren, lay-out, responsive design
Interactiviteit en dynamische inhoud
Veelgestelde vragen over HTML leren
Hoe lang duurt het om HTML te leren? +
Heeft HTML met programmeertalen te maken? +
Wat heb ik nodig om HTML te leren? +
Is HTML nog relevant in 2025? +
Begin met de HTML-track
Les 1 begint bij het allereerste begin. Na een uur heb je je eerste werkende webpagina.
Deel deze pagina