## Tehtävä
Luo HTML-dokumentti, joka upottaa kaksi luontoaiheista äänileikettä. Lisää sopivat attribuutit ohjainten näyttämiseksi.
- Ensimmäisen äänitiedoston URL on `https://content-media-cdn.codefinity.com/courses/392f24ac-0126-4c34-a28a-f2f26d12196b/section-3/forest-with-small-river-birds-and-nature-field.mp3`.
- Toisen äänitiedoston URL on `https://content-media-cdn.codefinity.com/courses/392f24ac-0126-4c34-a28a-f2f26d12196b/section-3/evening-birds-singing-in-spring-background-sounds-of-nature.mp3`.

PCFET0NUWVBFIGh0bWw+CjxodG1sPgogIDxoZWFkPgogICAgPHRpdGxlPk5hdHVyZSBTb3VuZHM8L3RpdGxlPgogICAgPG1ldGEgY2hhcnNldD0iVVRGLTgiIC8+CiAgPC9oZWFkPgogIDxib2R5PgogICAgPGgxPk5hdHVyZSBTb3VuZHM8L2gxPgogICAgPHVsPgogICAgICA8bGk+CiAgICAgICAgPGgyPkV2ZW5pbmcgYmlyZHMgc2lnbmluZyBpbiBzcHJpbmcuPC9oMj4KICAgICAgICA8IS0tIFN0ZXAgMTogRW1iZWQgdGhlIGF1ZGlvIGNsaXAgLS0+CiAgICAgICAgPGF1ZGlvIF9fX19fPgogICAgICAgICAgPHNvdXJjZQogICAgICAgICAgICBzcmM9Il9fX19fIgogICAgICAgICAgICB0eXBlPSJhdWRpby9tcGVnIgogICAgICAgICAgLz4KICAgICAgICAgIFlvdXIgYnJvd3NlciBkb2VzIG5vdCBzdXBwb3J0IHRoZSBhdWRpbyBlbGVtZW50LgogICAgICAgIDwvYXVkaW8+CiAgICAgIDwvbGk+CiAgICAgIDxsaT4KICAgICAgICA8aDI+QSBmb3Jlc3QgZmlsbGVkIHdpdGggc21hbGwgc2luZ2luZyBiaXJkcy48L2gyPgogICAgICAgIDwhLS0gU3RlcCAxOiBFbWJlZCB0aGUgYXVkaW8gY2xpcCAtLT4KICAgICAgICA8X19fX18gX19fX18+CiAgICAgICAgICA8c291cmNlCiAgICAgICAgICAgIHNyYz0iX19fX18iCiAgICAgICAgICAgIHR5cGU9ImF1ZGlvL21wZWciCiAgICAgICAgICAvPgogICAgICAgICAgWW91ciBicm93c2VyIGRvZXMgbm90IHN1cHBvcnQgdGhlIGF1ZGlvIGVsZW1lbnQuCiAgICAgICAgPC9fX19fXz4KICAgICAgPC9saT4KICAgIDwvdWw+CiAgPC9ib2R5Pgo8L2h0bWw+

## Vihje
Vaihe 1: Käytä `<audio>`-elementtiä äänileikkeen upottamiseen. Lisää `controls`-attribuutti, jotta tavalliset ääniohjaimet tulevat näkyviin. Käytä `<source>`-elementin sisällä `src`-attribuuttia määrittääksesi MP3-äänitiedostojen URL-osoitteet.

PCFET0NUWVBFIGh0bWw+CjxodG1sPgogIDxoZWFkPgogICAgPHRpdGxlPk5hdHVyZSBTb3VuZHM8L3RpdGxlPgogICAgPG1ldGEgY2hhcnNldD0iVVRGLTgiIC8+CiAgPC9oZWFkPgogIDxib2R5PgogICAgPGgxPk5hdHVyZSBTb3VuZHM8L2gxPgogICAgPHVsPgogICAgICA8bGk+CiAgICAgICAgPGgyPkV2ZW5pbmcgYmlyZHMgc2lnbmluZyBpbiBzcHJpbmcuPC9oMj4KICAgICAgICA8IS0tIFN0ZXAgMTogRW1iZWQgdGhlIGF1ZGlvIGNsaXAgLS0+CiAgICAgICAgPGF1ZGlvIGNvbnRyb2xzPgogICAgICAgICAgPHNvdXJjZQogICAgICAgICAgICBzcmM9Imh0dHBzOi8vY29kZWZpbml0eS1jb250ZW50LW1lZGlhLXYyLnMzLmV1LXdlc3QtMS5hbWF6b25hd3MuY29tL2NvdXJzZXMvMzkyZjI0YWMtMDEyNi00YzM0LWEyOGEtZjJmMjZkMTIxOTZiL3NlY3Rpb24tMy9mb3Jlc3Qtd2l0aC1zbWFsbC1yaXZlci1iaXJkcy1hbmQtbmF0dXJlLWZpZWxkLm1wMyIKICAgICAgICAgICAgdHlwZT0iYXVkaW8vbXBlZyIKICAgICAgICAgIC8+CiAgICAgICAgICBZb3VyIGJyb3dzZXIgZG9lcyBub3Qgc3VwcG9ydCB0aGUgYXVkaW8gZWxlbWVudC4KICAgICAgICA8L2F1ZGlvPgogICAgICA8L2xpPgogICAgICA8bGk+CiAgICAgICAgPGgyPkEgZm9yZXN0IGZpbGxlZCB3aXRoIHNtYWxsIHNpbmdpbmcgYmlyZHMuPC9oMj4KICAgICAgICA8IS0tIFN0ZXAgMTogRW1iZWQgdGhlIGF1ZGlvIGNsaXAgLS0+CiAgICAgICAgPGF1ZGlvIGNvbnRyb2xzPgogICAgICAgICAgPHNvdXJjZQogICAgICAgICAgICBzcmM9Imh0dHBzOi8vY29kZWZpbml0eS1jb250ZW50LW1lZGlhLXYyLnMzLmV1LXdlc3QtMS5hbWF6b25hd3MuY29tL2NvdXJzZXMvMzkyZjI0YWMtMDEyNi00YzM0LWEyOGEtZjJmMjZkMTIxOTZiL3NlY3Rpb24tMy9ldmVuaW5nLWJpcmRzLXNpbmdpbmctaW4tc3ByaW5nLWJhY2tncm91bmQtc291bmRzLW9mLW5hdHVyZS5tcDMiCiAgICAgICAgICAgIHR5cGU9ImF1ZGlvL21wZWciCiAgICAgICAgICAvPgogICAgICAgICAgWW91ciBicm93c2VyIGRvZXMgbm90IHN1cHBvcnQgdGhlIGF1ZGlvIGVsZW1lbnQuCiAgICAgICAgPC9hdWRpbz4KICAgICAgPC9saT4KICAgIDwvdWw+CiAgPC9ib2R5Pgo8L2h0bWw+

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: Käytä Audioelementtejä

Tehtävä

Vihje