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>

Links

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.