## Tehtävä
Luo HTML-dokumentti, joka sisältää kuvan sekä siihen liittyvän mielenkiintoisen faktan. Lisää kuva käyttämällä annettua URL-osoitetta (`https://content-media-cdn.codefinity.com/courses/392f24ac-0126-4c34-a28a-f2f26d12196b/section-3/honey.png`) ja anna kuvaava `alt`-teksti. Varmista, että kuvan koko on tarkasti määritelty: leveys 128px ja korkeus 128px.

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

## Vihje
Vaihe 1: Käytä `<img>`-tägiä kuvan lisäämiseen. Määritä `src`-attribuuttiin kuvan URL-osoite (`https://content-media-cdn.codefinity.com/courses/392f24ac-0126-4c34-a28a-f2f26d12196b/section-3/honey.png`), `alt`-attribuuttiin kuvaava vaihtoehtoinen teksti sekä tarkat arvot `width`- ja `height`-attribuuteille (128px).

PCFET0NUWVBFIGh0bWw+CjxodG1sPgogIDxoZWFkPgogICAgPHRpdGxlPkludGVyZXN0aW5nIEZhY3Q8L3RpdGxlPgogICAgPG1ldGEgY2hhcnNldD0iVVRGLTgiIC8+CiAgPC9oZWFkPgogIDxib2R5PgogICAgPGgyPkRpZCB5b3Uga25vdyB0aGF0IGhvbmV5IG5ldmVyIHNwb2lscz88L2gyPgogICAgPCEtLSBTdGVwIDE6IEluc2VydCB0aGUgaW1hZ2UgLS0+CiAgICA8aW1nCiAgICAgIHNyYz0iaHR0cHM6Ly9jb2RlZmluaXR5LWNvbnRlbnQtbWVkaWEtdjIuczMuZXUtd2VzdC0xLmFtYXpvbmF3cy5jb20vY291cnNlcy8zOTJmMjRhYy0wMTI2LTRjMzQtYTI4YS1mMmYyNmQxMjE5NmIvc2VjdGlvbi0zL2hvbmV5LnBuZyIKICAgICAgYWx0PSJKYXIgb2YgaG9uZXkiCiAgICAgIHdpZHRoPSIxMjgiCiAgICAgIGhlaWdodD0iMTI4IgogICAgLz4KCiAgICA8cD4KICAgICAgQXJjaGFlb2xvZ2lzdHMgaGF2ZSBmb3VuZCBwb3RzIG9mIGhvbmV5IGluIGFuY2llbnQgRWd5cHRpYW4gdG9tYnMgdGhhdCBhcmUKICAgICAgb3ZlciA8c3Ryb25nPjMsMDAwIHllYXJzIG9sZDwvc3Ryb25nPiBhbmQgc3RpbGwgcGVyZmVjdGx5IGVkaWJsZSEgVGhpcyBpcwogICAgICBiZWNhdXNlIGhvbmV5IGhhcyBuYXR1cmFsIHByZXNlcnZhdGl2ZXMgc3VjaCBhcwogICAgICA8dT5sb3cgbW9pc3R1cmUgY29udGVudDwvdT4gYW5kIDx1PmhpZ2ggYWNpZGl0eTwvdT4sIHdoaWNoIGNyZWF0ZSBhbgogICAgICBlbnZpcm9ubWVudCBob3N0aWxlIHRvIGJhY3RlcmlhIGFuZCBtaWNyb29yZ2FuaXNtcy4gU28sCiAgICAgIDxlbT5pZiB5b3UgZXZlciBmaW5kIHlvdXJzZWxmIHdpdGggYSBqYXIgb2YgaG9uZXk8L2VtPiB0aGF0J3MgYmVlbiBzaXR0aW5nCiAgICAgIGluIHlvdXIgcGFudHJ5IGZvciB5ZWFycywgPGVtPml0J3Mgc3RpbGwgc2FmZSB0byBlYXQ8L2VtPiEKICAgIDwvcD4KICA8L2JvZHk+CjwvaHRtbD4=

Hallitse HTML:n perusteet rakentaaksesi hyvin jäsenneltyä ja saavutettavaa verkkosisältöä. Opi jäsentämään dokumentteja käyttämällä tageja, elementtejä ja attribuutteja. Käsittele sujuvasti tekstiä, listoja, kuvia, ääntä ja videota rikastuttaaksesi verkkosivuja. Luo taulukoita järjestetyn datan esittämiseen ja lomakkeita käyttäjän syötteiden ja vuorovaikutuksen mahdollistamiseen. Tutustu semanttiseen HTML:ään saavutettavuuden parantamiseksi ja rakenna kokonaisia, toiminnallisia verkkosivustorakenteita alusta alkaen.

Master the essentials of HTML to build well-structured and accessible web content. Learn how to structure documents using tags, elements, and attributes. Work confidently with text, lists, images, audio, and video to enrich web pages. Create tables for organized data and forms for user input and interaction. Discover semantic HTML to enhance accessibility and build complete, functional website structures from the ground up.

Haaste: Kuvien Lisääminen

Tehtävä

Vihje