# Welkom bij je eerste uitdaging in deze cursus!
Uitdagingen zijn ontworpen om de kennis en theorie die je tot nu toe hebt geleerd te versterken door deze in de praktijk te brengen. <u>Leren door te doen is de beste manier om te leren, dus sla geen enkele uitdaging over.</u>

**Hoe werken uitdagingen?** Je krijgt een taak die je moet voltooien, waarna je een codeblok te zien krijgt met open plekken die ingevuld moeten worden. Nadat je de uitdaging hebt voltooid, kun je je code uitvoeren om te controleren of alles werkt zoals verwacht.

Onder het codeblok zie je twee knoppen: <button type="button" style="background-color: #90adde; color: #ffffff; padding: 4px 16px; border: none; font-weight: 400; border-radius: 24px; font-family: 'Play', sans-serif; font-size: 18px; cursor: pointer; transition: 0.5s ease-in-out;">Hint</button> en <button type="button" style="background-color: #90adde; color: #ffffff; padding: 4px 16px; border: none; font-weight: 400; border-radius: 24px; font-family: 'Play', sans-serif; font-size: 18px; cursor: pointer; transition: 0.5s ease-in-out;">Oplossing</button>.
- De knop <button type="button" style="background-color: #90adde; color: #ffffff; padding: 4px 16px; border: none; font-weight: 400; border-radius: 24px; font-family: 'Play', sans-serif; font-size: 18px; cursor: pointer; transition: 0.5s ease-in-out;">Hint</button> toont hints om je te helpen met de uitdaging;
- De knop <button type="button" style="background-color: #90adde; color: #ffffff; padding: 4px 16px; border: none; font-weight: 400; border-radius: 24px; font-family: 'Play', sans-serif; font-size: 18px; cursor: pointer; transition: 0.5s ease-in-out;">Oplossing</button> laat de volledige code voor deze specifieke uitdaging zien.

<u>Voel je vrij om te experimenteren en verschillende opties te proberen om de taak te voltooien. Hoe meer je schrijft, hoe makkelijker het wordt. Succes!</u>

## Taak
Vul de lege plekken in om de basisstructuur van een HTML-document te maken.

PCEtLSBTdGVwIDE6IEFkZCB0aGUgZG9jdW1lbnQgdHlwZSBkZWNsYXJhdGlvbiAtLT4KPCFfX19fXyBodG1sPgo8aHRtbD4KICA8IS0tIFN0ZXAgMjogQWRkIHRoZSBvcGVuaW5nIGFuZCBjbG9zaW5nIHRhZ3MgZm9yIHRoZSBoZWFkIHNlY3Rpb24gLS0+CiAgPF9fX19fPgogICAgPHRpdGxlPkNoYWxsZW5nZTogSFRNTCBEb2N1bWVudCBTdHJ1Y3R1cmU8L3RpdGxlPgoKICAgIDwhLS0gU3RlcCAzOiBBZGQgdGhlIGNoYXJhY3RlciBlbmNvZGluZyAtLT4KICAgIDxtZXRhIGNoYXJzZXQ9Il9fX19fX18iIC8+CiAgPC9fX19fXz4KCiAgPCEtLSBTdGVwIDQ6IEFkZCB0aGUgb3BlbmluZyBhbmQgY2xvc2luZyB0YWdzIGZvciB0aGUgYm9keSBzZWN0aW9uIC0tPgogIDxfX19fXz4KICAgIDxoMT5NYWluIGhlYWRpbmcgb2YgdGhlIEhUTUwgZG9jdW1lbnQ8L2gxPgogICAgPHA+VGV4dCBwYXJhZ3JhcGg8L3A+CiAgPC9fX19fXz4KPC9odG1sPg==

## Hint
- Stap 1: De documenttypeverklaring moet `<!DOCTYPE html>` zijn. Deze verklaring informeert de browser dat het document in HTML5 is geschreven.
- Stap 2: Vul de lege plekken in met de juiste openings- en sluitingstags (`<head></head>`) voor de head-sectie.
- Stap 3: Gebruik `UTF-8` als tekenencoding.
- Stap 4: Vul de lege plekken in met de juiste openings- en sluitingstags (`<body></body>`) voor de body-sectie.

PCEtLSBTdGVwIDE6IEFkZCB0aGUgZG9jdW1lbnQgdHlwZSBkZWNsYXJhdGlvbiAtLT4KPCFET0NUWVBFIGh0bWw+CjxodG1sPgogIDwhLS0gU3RlcCAyOiBBZGQgdGhlIG9wZW5pbmcgYW5kIGNsb3NpbmcgdGFncyBmb3IgdGhlIGhlYWQgc2VjdGlvbiAtLT4KICA8aGVhZD4KICAgIDx0aXRsZT5DaGFsbGVuZ2U6IEhUTUwgRG9jdW1lbnQgU3RydWN0dXJlPC90aXRsZT4KCiAgICA8IS0tIFN0ZXAgMzogQWRkIHRoZSBjaGFyYWN0ZXIgZW5jb2RpbmcgLS0+CiAgICA8bWV0YSBjaGFyc2V0PSJVVEYtOCIgLz4KICA8L2hlYWQ+CgogIDwhLS0gU3RlcCA0OiBBZGQgdGhlIG9wZW5pbmcgYW5kIGNsb3NpbmcgdGFncyBmb3IgdGhlIGJvZHkgc2VjdGlvbiAtLT4KICA8Ym9keT4KICAgIDxoMT5NYWluIGhlYWRpbmcgb2YgdGhlIEhUTUwgZG9jdW1lbnQ8L2gxPgogICAgPHA+VGV4dCBwYXJhZ3JhcGg8L3A+CiAgPC9ib2R5Pgo8L2h0bWw+

Beheers de basisprincipes van HTML om goed gestructureerde en toegankelijke webinhoud te creëren. Leer hoe u documenten structureert met behulp van tags, elementen en attributen. Werk zelfverzekerd met tekst, lijsten, afbeeldingen, audio en video om webpagina's te verrijken. Maak tabellen voor georganiseerde gegevens en formulieren voor gebruikersinvoer en interactie. Ontdek semantische HTML om de toegankelijkheid te verbeteren en volledige, functionele websitestructuren vanaf de basis op te bouwen.

Maak kennis met het web en HTML, inclusief het belang van tags, elementen en attributen. Ontdek de basisstructuur van een HTML-document en een korte geschiedenis van het web.

Beheers de basisprincipes van HTML-markup, met nadruk op speciale tekstopmaak en lijsten, en begrijp het belang hiervan bij het structureren van inhoud binnen een HTML-document. Verdiep je in de details van de HTML-documentstructuur en verfijn technieken voor tekstopmaak.

Ontgrendel de kracht van visuele en auditieve inhoud in webontwikkeling door het naadloos integreren van afbeeldingen-, video- en audio-elementen in HTML-documenten. Verken de nuances van het opnemen van verschillende mediaformaten.

Verken de complexiteit van gegevenspresentatie en gebruikersinteractie met een volledige behandeling van tabellen en formulieren in HTML, inclusief tabelstructuren, formulieraanmaak en invoerelementen. Verwerf vaardigheid in het implementeren van formulierinvoerelementen en het benutten van attributen voor verbeterde functionaliteit.

Verhoog uw HTML-vaardigheden door u te verdiepen in semantische HTML-elementen, waarmee u gestructureerde en toegankelijke webinhoud kunt creëren. Begin met het bouwen van uw eerste website en pas uw nieuwe kennis toe om uw ideeën te realiseren.

Uitdaging: Structureer een HTML-document

Welkom bij je eerste uitdaging in deze cursus!

Taak

Hint

Awesome!

Uitdaging: Structureer een HTML-document

Welkom bij je eerste uitdaging in deze cursus!

Taak

Hint