## Taak
Maak een HTML-document dat een afbeelding bevat en een interessant feit dat betrekking heeft op de afbeelding. Voeg de afbeelding toe met behulp van de opgegeven URL (`https://staging-content-media-cdn.codefinity.com/courses/392f24ac-0126-4c34-a28a-f2f26d12196b/section-3/honey.png`) en geef een beschrijvende `alt`-tekst op. Zorg ervoor dat de afbeeldingsgrootte strikt is gespecificeerd als 128px breed en 128px hoog.

PCFET0NUWVBFIGh0bWw+CjxodG1sPgogIDxoZWFkPgogICAgPHRpdGxlPkludGVyZXN0aW5nIEZhY3Q8L3RpdGxlPgogICAgPG1ldGEgY2hhcnNldD0iVVRGLTgiIC8+CiAgPC9oZWFkPgogIDxib2R5PgogICAgPGgyPkRpZCB5b3Uga25vdyB0aGF0IGhvbmV5IG5ldmVyIHNwb2lscz88L2gyPgogICAgPCEtLSBTdGVwIDE6IEluc2VydCB0aGUgaW1hZ2UgLS0+CiAgICA8X19fX18KICAgICAgc3JjPSJfX19fXyIKICAgICAgYWx0PSJfX19fXyIKICAgICAgX19fX189Il9fX19fIgogICAgICBfX19fXz0iX19fX18iCiAgICAvPgoKICAgIDxwPgogICAgICBBcmNoYWVvbG9naXN0cyBoYXZlIGZvdW5kIHBvdHMgb2YgaG9uZXkgaW4gYW5jaWVudCBFZ3lwdGlhbiB0b21icyB0aGF0IGFyZQogICAgICBvdmVyIDxzdHJvbmc+MywwMDAgeWVhcnMgb2xkPC9zdHJvbmc+IGFuZCBzdGlsbCBwZXJmZWN0bHkgZWRpYmxlISBUaGlzIGlzCiAgICAgIGJlY2F1c2UgaG9uZXkgaGFzIG5hdHVyYWwgcHJlc2VydmF0aXZlcyBzdWNoIGFzCiAgICAgIDx1PmxvdyBtb2lzdHVyZSBjb250ZW50PC91PiBhbmQgPHU+aGlnaCBhY2lkaXR5PC91Piwgd2hpY2ggY3JlYXRlIGFuCiAgICAgIGVudmlyb25tZW50IGhvc3RpbGUgdG8gYmFjdGVyaWEgYW5kIG1pY3Jvb3JnYW5pc21zLiBTbywKICAgICAgPGVtPmlmIHlvdSBldmVyIGZpbmQgeW91cnNlbGYgd2l0aCBhIGphciBvZiBob25leTwvZW0+IHRoYXQncyBiZWVuIHNpdHRpbmcKICAgICAgaW4geW91ciBwYW50cnkgZm9yIHllYXJzLCA8ZW0+aXQncyBzdGlsbCBzYWZlIHRvIGVhdDwvZW0+IQogICAgPC9wPgogIDwvYm9keT4KPC9odG1sPg==

## Tip
Stap 1: Gebruik de `<img>`-tag om de afbeelding toe te voegen. Specificeer het `src`-attribuut met de afbeeldings-URL (`https://staging-content-media-cdn.codefinity.com/courses/392f24ac-0126-4c34-a28a-f2f26d12196b/section-3/honey.png`), het `alt`-attribuut met beschrijvende alternatieve tekst, en geef strikte waarden op voor de attributen `width` en `height` van 128px.

PCFET0NUWVBFIGh0bWw+CjxodG1sPgogIDxoZWFkPgogICAgPHRpdGxlPkludGVyZXN0aW5nIEZhY3Q8L3RpdGxlPgogICAgPG1ldGEgY2hhcnNldD0iVVRGLTgiIC8+CiAgPC9oZWFkPgogIDxib2R5PgogICAgPGgyPkRpZCB5b3Uga25vdyB0aGF0IGhvbmV5IG5ldmVyIHNwb2lscz88L2gyPgogICAgPCEtLSBTdGVwIDE6IEluc2VydCB0aGUgaW1hZ2UgLS0+CiAgICA8aW1nCiAgICAgIHNyYz0iaHR0cHM6Ly9jb2RlZmluaXR5LWNvbnRlbnQtbWVkaWEtdjIuczMuZXUtd2VzdC0xLmFtYXpvbmF3cy5jb20vY291cnNlcy8zOTJmMjRhYy0wMTI2LTRjMzQtYTI4YS1mMmYyNmQxMjE5NmIvc2VjdGlvbi0zL2hvbmV5LnBuZyIKICAgICAgYWx0PSJKYXIgb2YgaG9uZXkiCiAgICAgIHdpZHRoPSIxMjgiCiAgICAgIGhlaWdodD0iMTI4IgogICAgLz4KCiAgICA8cD4KICAgICAgQXJjaGFlb2xvZ2lzdHMgaGF2ZSBmb3VuZCBwb3RzIG9mIGhvbmV5IGluIGFuY2llbnQgRWd5cHRpYW4gdG9tYnMgdGhhdCBhcmUKICAgICAgb3ZlciA8c3Ryb25nPjMsMDAwIHllYXJzIG9sZDwvc3Ryb25nPiBhbmQgc3RpbGwgcGVyZmVjdGx5IGVkaWJsZSEgVGhpcyBpcwogICAgICBiZWNhdXNlIGhvbmV5IGhhcyBuYXR1cmFsIHByZXNlcnZhdGl2ZXMgc3VjaCBhcwogICAgICA8dT5sb3cgbW9pc3R1cmUgY29udGVudDwvdT4gYW5kIDx1PmhpZ2ggYWNpZGl0eTwvdT4sIHdoaWNoIGNyZWF0ZSBhbgogICAgICBlbnZpcm9ubWVudCBob3N0aWxlIHRvIGJhY3RlcmlhIGFuZCBtaWNyb29yZ2FuaXNtcy4gU28sCiAgICAgIDxlbT5pZiB5b3UgZXZlciBmaW5kIHlvdXJzZWxmIHdpdGggYSBqYXIgb2YgaG9uZXk8L2VtPiB0aGF0J3MgYmVlbiBzaXR0aW5nCiAgICAgIGluIHlvdXIgcGFudHJ5IGZvciB5ZWFycywgPGVtPml0J3Mgc3RpbGwgc2FmZSB0byBlYXQ8L2VtPiEKICAgIDwvcD4KICA8L2JvZHk+CjwvaHRtbD4=

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: Afbeeldingen Invoegen

Taak

Tip

Uitdaging: Afbeeldingen Invoegen

Taak

Tip