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 HTML-document volgt een basisstructuur die uit verschillende elementen bestaat. Hier is een typisch voorbeeld van de structuur van een HTML-document:

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

Korte samenvatting van de structuur

  • <!DOCTYPE html>: Deze regel geeft aan welke versie van HTML door het document wordt gebruikt. In dit geval is dat HTML5, de nieuwste versie van HTML;
  • <html>: Dit is het hoofdelement van het HTML-document. Alle andere elementen bevinden zich binnen dit element;
  • <head>: Dit gedeelte 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>: Dit element stelt de titel van het document in, die wordt weergegeven in de titelbalk of het tabblad van de browser;
  • <body>: Hier komt de hoofdinhoud van de webpagina. Plaats 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.

Videotutorial

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.

Awesome!

Completion rate improved to 3.13

bookBasisstructuur van een HTML-document

Veeg om het menu te tonen

Een HTML-document volgt een basisstructuur die uit verschillende elementen bestaat. Hier is een typisch voorbeeld van de structuur van een HTML-document:

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

Korte samenvatting van de structuur

  • <!DOCTYPE html>: Deze regel geeft aan welke versie van HTML door het document wordt gebruikt. In dit geval is dat HTML5, de nieuwste versie van HTML;
  • <html>: Dit is het hoofdelement van het HTML-document. Alle andere elementen bevinden zich binnen dit element;
  • <head>: Dit gedeelte 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>: Dit element stelt de titel van het document in, die wordt weergegeven in de titelbalk of het tabblad van de browser;
  • <body>: Hier komt de hoofdinhoud van de webpagina. Plaats 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.

Videotutorial

Code-editor link - Visual Studio Code

Was alles duidelijk?

Hoe kunnen we het verbeteren?

Bedankt voor je feedback!

Sectie 1. Hoofdstuk 5
some-alt