Uitleg van de HTML-Documentstructuur
Een HTML-document volgt een consistente structuur die bestaat uit enkele belangrijke elementen.
<html>-tag
Het hoofdelement van elke pagina. Alle inhoud staat tussen de openingstag <html> en de sluitingstag </html>.
<html>
<!-- Other elements go here -->
</html>
<head>-tag
Bevat informatie over de pagina die niet zichtbaar is voor de gebruiker. Dit omvat de titel, metadata en koppelingen naar stylesheets of scripts.
<head>
<title>Title of the Document</title>
<meta charset="UTF-8" />
<!-- Other meta tags, links, and scripts go here -->
</head>
Veelvoorkomende items in <head>:
<title>: tekst die wordt weergegeven op het browsertabblad;<meta charset="UTF-8">: stelt de tekencodering in;<meta name="description">: korte paginabeschrijving;<meta name="viewport">: nodig voor responsief ontwerp.
<body>-tag
Bevat alle zichtbare elementen op de pagina: tekst, afbeeldingen, links, formulieren, enzovoort.
<body>
<h1>Hello, World!</h1>
<p>This is a paragraph of text.</p>
<!-- Other content goes here -->
</body>
Documenttypeverklaring
Geeft aan de browser door dat de HTML5-standaard gebruikt moet worden bij het weergeven van de pagina.
<!DOCTYPE html>
Volledig structuurvoorbeeld
Ter afronding worden alle besproken elementen samengevoegd tot één HTML-document.
<!DOCTYPE html>
<html>
<head>
<title>Title of the Document</title>
<meta charset="UTF-8" />
<!-- Other meta tags, links, and scripts go here -->
</head>
<body>
<h1>Hello, World!</h1>
<p>This is a paragraph of text.</p>
<!-- Other content goes here -->
</body>
</html>
Hieronder ziet u hoe het HTML-document wordt weergegeven in de webbrowser.
1. Welke tag is het rootelement van een HTML-document?
2. Wat bevat de <head>-tag?
3. Wat definieert de <title>-tag?
4. Wat is het doel van de <body>-tag?
Bedankt voor je feedback!
Vraag AI
Vraag AI
Vraag wat u wilt of probeer een van de voorgestelde vragen om onze chat te starten.
Can you explain more about the purpose of each HTML tag?
How do I use the Inspect tool in my browser?
What are some common mistakes to avoid when creating an HTML document?
Awesome!
Completion rate improved to 2.86Uitleg van de HTML-Documentstructuur
Veeg om het menu te tonen
Een HTML-document volgt een consistente structuur die bestaat uit enkele belangrijke elementen.
<html>-tag
Het hoofdelement van elke pagina. Alle inhoud staat tussen de openingstag <html> en de sluitingstag </html>.
<html>
<!-- Other elements go here -->
</html>
<head>-tag
Bevat informatie over de pagina die niet zichtbaar is voor de gebruiker. Dit omvat de titel, metadata en koppelingen naar stylesheets of scripts.
<head>
<title>Title of the Document</title>
<meta charset="UTF-8" />
<!-- Other meta tags, links, and scripts go here -->
</head>
Veelvoorkomende items in <head>:
<title>: tekst die wordt weergegeven op het browsertabblad;<meta charset="UTF-8">: stelt de tekencodering in;<meta name="description">: korte paginabeschrijving;<meta name="viewport">: nodig voor responsief ontwerp.
<body>-tag
Bevat alle zichtbare elementen op de pagina: tekst, afbeeldingen, links, formulieren, enzovoort.
<body>
<h1>Hello, World!</h1>
<p>This is a paragraph of text.</p>
<!-- Other content goes here -->
</body>
Documenttypeverklaring
Geeft aan de browser door dat de HTML5-standaard gebruikt moet worden bij het weergeven van de pagina.
<!DOCTYPE html>
Volledig structuurvoorbeeld
Ter afronding worden alle besproken elementen samengevoegd tot één HTML-document.
<!DOCTYPE html>
<html>
<head>
<title>Title of the Document</title>
<meta charset="UTF-8" />
<!-- Other meta tags, links, and scripts go here -->
</head>
<body>
<h1>Hello, World!</h1>
<p>This is a paragraph of text.</p>
<!-- Other content goes here -->
</body>
</html>
Hieronder ziet u hoe het HTML-document wordt weergegeven in de webbrowser.
1. Welke tag is het rootelement van een HTML-document?
2. Wat bevat de <head>-tag?
3. Wat definieert de <title>-tag?
4. Wat is het doel van de <body>-tag?
Bedankt voor je feedback!
