Summary  
This chapter covers the standard HTML5 document structure, detailing the roles of the `<!DOCTYPE html>`, `<html>`, `<head>`, and `<body>` elements for organizing metadata and page content.  

General domain of usage  
Web development

Elke HTML-pagina volgt dezelfde basisstructuur. Deze structuur bepaalt hoe de browser de inhoud moet begrijpen en weergeven.

Hier is een eenvoudig voorbeeld van een HTML-document:
```html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>My First Page</title>
  </head>
  <body>
    <h1>Hello, World!</h1>
    <p>This is my first web page.</p>
  </body>
</html>
```

## Belangrijkste Onderdelen van het Document
1. `<!DOCTYPE html>`: geeft aan de browser door om de moderne `HTML5`-standaard te gebruiken;
2. `<html>`: het rootelement. Alles op de pagina staat binnen deze tag;
3. `<head>`: bevat informatie over de pagina die niet zichtbaar is voor gebruikers. Veelvoorkomende elementen:
   - `<title>`: stelt de naam van het browsertabblad in;
   - `<meta charset="UTF-8">`: zorgt ervoor dat tekst correct wordt weergegeven.
4. `<body>`: bevat alles wat gebruikers op de pagina zien:
   - tekst;
   - afbeeldingen;
   - links;
   - knoppen.

### Hoe erover te denken
`<head>` → pagina-instellingen. `<body>` → paginainhoud.

Het is nog niet nodig om alles uit het hoofd te leren. Richt je op het herkennen van de structuur. Deze wordt in elk HTML-bestand gebruikt.

Opmerking

Bouw gestructureerde webpagina's met HTML. Maak tekstinhoud, links, lijsten, afbeeldingen, tabellen en formulieren, en organiseer alles met semantische elementen tot een volledige pagina.

Basisstructuur van een HTML-document

Belangrijkste Onderdelen van het Document

Hoe erover te denken