Ziezo, je aller-allereerste webpagina is een feit! Laten we even kijken wat deze HTML-code betekent:

Lijn codeVerklaring
<!doctype html>Dit document is van het type html.
<html>Hier begint de HTML-code zelf.
<head>Hier begint het hoofd ('head') van het document. Dit is niet zichtbaar voor de bezoeker.
<title>Mijn allereerste webpagina</title>De titel van je pagina, zoals die verschijnt in de titelbalk of de tab van je browser. Ook wanneer je de pagina opslaat bij je favorieten, wordt deze titel gebruikt.
</head>Hier houdt het onzichtbare hoofd van de pagina op. Deze tag sluit de eerdere <head> weer af.
<body>Hier begint het zichtbare deel van de webpagina, het 'lijf' of in het Engels, de 'body'.
<p>Hallo wereld!</p>Een alinea met een beetje tekst. De 'p' komt van het Engelse 'paragraph', dat betekent alinea. Ook de volgende regel is een alinea.
</body>Hier houdt het zichtbare gedeelte van de webpagina op. Deze tag sluit de eerdere <body> weer af.
</html>Hier houdt het html-gedeelte op. Deze tag sluit de eerdere <html> weer af. Normaal komt er na deze tag niets meer.

Zo, misschien begrijp je nu al wat meer over hoe een webpagina in elkaar zit. Probeer gerust wat te experimenteren door meer regels als <p>Hallo wereld!</p> toe te voegen en de tekst te veranderen.

Als je aanpassingen doet, zullen die niet meteen zichtbaar zijn. Daarvoor moet je de pagina verversen. Je kan dit ook doen door de toetscombinatie CTRL-R (of Command-R op Mac) te gebruiken.

Je hebt zeker ook een boel nieuwe vragen. En misschien wil je ook wel wat meer kunnen dan gewoon zwarte tekst op een witte pagina? Op naar de volgende stap!