Skip to main content

Eerste stappen met HTML

De Basisstructuur van een HTML-document

Alle HTML-documenten beginnen met een basisstructuur. Hier is een voorbeeld:

<!DOCTYPE html>
<html lang="nl">
<head>
    <meta charset="UTF-8">
    <title>Mijn Eerste Webpagina</title>
</head>
<body>
    <!-- Jouw inhoud komt hier -->
</body>
</html>

Uitleg:

  • <!DOCTYPE html>: Geeft aan dat dit een HTML5-document is.
  • <html lang="nl">: Het root-element met de taalinstelling (Nederlands).
  • <head>: Bevat meta-informatie zoals de tekencodering en de titel van de pagina.
  • <title>: De titel die in het browsertabblad wordt weergegeven.
  • <body>: Bevat de daadwerkelijke inhoud die in de browser wordt getoond.

Basiselementen in HTML

Koppen (Headings)

Er zijn zes niveaus van koppen, van <h1> tot <h6>.

<h1>Dit is een Titel</h1>
<h2>Dit is een Subtitel</h2>

Paragrafen

Voor teksten en alinea's gebruik je het <p>-element.

<p>Dit is een alinea met tekst.</p>

Met het <a>-element maak je hyperlinks.

<a href="https://www.voorbeeld.com">Bezoek Voorbeeld.com</a>

Afbeeldingen

Afbeeldingen voeg je toe met het <img>-element.

<img src="afbeelding.jpg" alt="Beschrijving van de afbeelding">
  • src: De locatie van de afbeelding.
  • alt: Alternatieve tekst als de afbeelding niet kan worden geladen.

 

Back to top