Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Leer Basisstructuur van een HTML-document | Het Web en HTML Begrijpen
HTML-Essentials

bookBasisstructuur van een HTML-document

Een typisch HTML-document ziet er als volgt uit:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Title of the Document</title>
  </head>
  <body>
    <!-- Content goes here -->
  </body>
</html>
Note
Opmerking

Geen zorgen, je zult elk aspect uitgebreid verkennen in de komende hoofdstukken. Voor nu, bekijk en raak vertrouwd met het visuele uiterlijk van HTML.

Korte samenvatting van de structuur

  • <!DOCTYPE html>: geeft aan welke versie van HTML het document gebruikt. In dit geval is dat HTML5, de nieuwste versie van HTML;
  • <html>: is het hoofdelement van het HTML-document. Alle andere elementen bevinden zich binnen dit element;
  • <head>: bevat meta-informatie over het document, zoals de tekenencodering (<meta charset="UTF-8">) die ervoor zorgt dat speciale tekens correct worden weergegeven, en de titel van het document (<title>) die verschijnt in de titelbalk of het tabblad van de browser;
  • <title>: stelt de titel van het document in, die wordt weergegeven in de titelbalk of het tabblad van de browser;
  • <body>: is waar de hoofdinhoud van de webpagina komt te staan. Hier plaats je tekst, afbeeldingen, links, formulieren en andere elementen binnen het <body>-element. Dit is wat gebruikers zien en waarmee ze interageren wanneer ze je webpagina bezoeken.

Code-editor link - Visual Studio Code

Was alles duidelijk?

Hoe kunnen we het verbeteren?

Bedankt voor je feedback!

Sectie 1. Hoofdstuk 5

Vraag AI

expand

Vraag AI

ChatGPT

Vraag wat u wilt of probeer een van de voorgestelde vragen om onze chat te starten.

bookBasisstructuur van een HTML-document

Veeg om het menu te tonen

Een typisch HTML-document ziet er als volgt uit:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Title of the Document</title>
  </head>
  <body>
    <!-- Content goes here -->
  </body>
</html>
Note
Opmerking

Geen zorgen, je zult elk aspect uitgebreid verkennen in de komende hoofdstukken. Voor nu, bekijk en raak vertrouwd met het visuele uiterlijk van HTML.

Korte samenvatting van de structuur

  • <!DOCTYPE html>: geeft aan welke versie van HTML het document gebruikt. In dit geval is dat HTML5, de nieuwste versie van HTML;
  • <html>: is het hoofdelement van het HTML-document. Alle andere elementen bevinden zich binnen dit element;
  • <head>: bevat meta-informatie over het document, zoals de tekenencodering (<meta charset="UTF-8">) die ervoor zorgt dat speciale tekens correct worden weergegeven, en de titel van het document (<title>) die verschijnt in de titelbalk of het tabblad van de browser;
  • <title>: stelt de titel van het document in, die wordt weergegeven in de titelbalk of het tabblad van de browser;
  • <body>: is waar de hoofdinhoud van de webpagina komt te staan. Hier plaats je tekst, afbeeldingen, links, formulieren en andere elementen binnen het <body>-element. Dit is wat gebruikers zien en waarmee ze interageren wanneer ze je webpagina bezoeken.

Code-editor link - Visual Studio Code

Was alles duidelijk?

Hoe kunnen we het verbeteren?

Bedankt voor je feedback!

Sectie 1. Hoofdstuk 5
some-alt