Leer Uitdaging: Structureer een HTML-document Correct

Doel

Stel de juiste webpagina samen door een basisstructuur van een HTML-document te maken. 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.

Opmerking

Laat je niet misleiden door de ogenschijnlijke eenvoud van het ontwerp van de webpagina. Hoewel het eenvoudig lijkt, is het van groot belang om de juiste documentstructuur te behouden. Dit zorgt ervoor dat de website leesbaarheid en functionaliteit behoudt in alle browsers.

Opdracht

Maak een basisstructuur van een HTML-document. Als je al zeker bent van je vaardigheden, kun je direct doorgaan zonder de stapsgewijze handleiding. Wil je toch wat meer begeleiding, dan is er een stapsgewijze uitleg beschikbaar om je te ondersteunen.

Stapsgewijze handleiding

Stap 1: Start 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 openings- en sluitingstags <head> 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

Plaats binnen de <head>-tags de opening en sluitende <title>-tags. De tekst die u tussen deze tags invoert, 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 de opening en sluitende <body>-tags toe. De body-sectie bevat de zichtbare inhoud van de webpagina:

index.html

Stap 6: Voeg inhoud toe 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

Was alles duidelijk?

Bedankt voor je feedback!

Sectie 3. Hoofdstuk 5

Vraag AI

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

Veeg om het menu te tonen

Doel

Opmerking

Opdracht

Stapsgewijze handleiding

Stap 1: Start 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

index.html

Stap 3: Maak de head-sectie aan

Voeg de openings- en sluitingstags <head> 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

index.html

Stap 5: Maak de body-sectie aan

Na de <head>-sectie, voeg de opening en sluitende <body>-tags toe. De body-sectie bevat de zichtbare inhoud van de webpagina:

index.html

Stap 6: Voeg inhoud toe 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

Was alles duidelijk?

Bedankt voor je feedback!

Sectie 3. Hoofdstuk 5