Uitdaging: Structureer een HTML-document Correct
Veeg om het menu te tonen
Doel
De juiste webpagina opbouwen door een basisstructuur van een HTML-document te creëren. Deze structuur vormt de ruggengraat van elke HTML-pagina en bestaat uit essentiële elementen die browsers nodig hebben om je inhoud correct weer te geven.
Laat je niet misleiden door de ogenschijnlijke eenvoud van het ontwerp van de webpagina. Hoewel het eenvoudig lijkt, blijft het van groot belang om de juiste documentstructuur te behouden. Dit zorgt ervoor dat de website leesbaarheid en functionaliteit behoudt in alle browsers.
Taak
Maak een basisstructuur voor een HTML-document. Als je al vertrouwen hebt in je vaardigheden, kun je doorgaan zonder de stapsgewijze handleiding. Wil je echter wat meer begeleiding, dan is er een stapsgewijze uitleg beschikbaar om je te ondersteunen.
Stapsgewijze handleiding
Stap 1: Begin het HTML-document
Begin met het typen van de HTML-doctypeverklaring, die aan de browser aangeeft dat het document in HTML is geschreven. De verklaring moet de eerste regel van je HTML-document zijn:
index.html
Stap 2: Voeg de html openings- en sluitingstags toe
Na de doctype-verklaring, voeg de openings- en sluitingstags van HTML toe. De volledige structuur van het HTML-document wordt binnen deze tags geplaatst. Voeg daarnaast het lang-attribuut toe om de taal van het document te specificeren:
index.html
Stap 3: Maak de head-sectie aan
Voeg de opening en sluitende <head>-tags toe binnen de HTML-tags. De head-sectie bevat meta-informatie over het HTML-document, zoals de titel en links naar externe stylesheets:
index.html
Stap 4: Voeg de titel toe
Voeg binnen de <head>-tags de opening en sluitende <title>-tags toe. De tekst die je tussen deze tags plaatst, wordt weergegeven als de titel van de webpagina in de titelbalk of het tabblad van de browser:
index.html
Stap 5: Maak de body-sectie aan
Na de <head>-sectie voeg je de opening en sluitende <body>-tags toe. De body-sectie bevat de zichtbare inhoud van de webpagina:
index.html
Stap 6: Inhoud toevoegen aan de body
Binnen de <body>-tags kunnen elementen worden toegevoegd, zoals koppen, paragrafen, afbeeldingen, links, enzovoort. Hier is een voorbeeld van het toevoegen van een kop en een paragraaf:
index.html
Probeer het zelf
index.html
Bedankt voor je feedback!
Vraag AI
Vraag AI
Vraag wat u wilt of probeer een van de voorgestelde vragen om onze chat te starten.
