Structuur van HTML

HTML‑pagina’s zijn opgebouwd uit geneste elementen die samen de structuur vormen. Bovenaan staat altijd de <!DOCTYPE html>, gevolgd door het <html>‑element. Dit element bestaat uit een <head> en een <body>. In de <head> staan metadata zoals de titel, stylesheets en scripts. In de <body> staat alle zichtbare inhoud zoals koppen, paragrafen, afbeeldingen en links.

Voorbeeld van een HTML-structuur

Hieronder zie je een eenvoudige basisstructuur van een HTML‑document:
<!DOCTYPE html>
<html lang="nl">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Voorbeeldpagina</title>
</head>

<body>
    <h1>Welkom op mijn website</h1>
    <p>Dit is een voorbeeld van een eenvoudige HTML-structuur.</p>
</body>
</html>
Je kunt nu beginnen met het uploaden van bestanden naar je hostingpakket. Gebruik hiervoor FileZilla: open het programma, log in met jouw FTP‑gegevens en plaats de bestanden in de juiste map op de server.

Vragen

  1. Maak zelf een simpele opzet voor html
  2. Upload dit en kijk of het werkt
Ga naar de volgende les Bestel jouw gratis webspace voor nu oefenen!