## Taak
Maak een HTML-document dat twee natuurgeluiden bevat. Voeg geschikte attributen toe om bedieningselementen mogelijk te maken.
- De eerste audiobestand-URL is `https://content-media-cdn.codefinity.com/courses/392f24ac-0126-4c34-a28a-f2f26d12196b/section-3/forest-with-small-river-birds-and-nature-field.mp3`.
- De tweede audiobestand-URL is `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+

## Tip
Stap 1: Gebruik de `<audio>`-tag om het audiobestand in te voegen. Voeg het `controls`-attribuut toe om standaard audiobedieningselementen mogelijk te maken. Gebruik binnen de `<source>`-tag het `src`-attribuut om de URL's van de MP3-audiobestanden op te geven.

PCFET0NUWVBFIGh0bWw+CjxodG1sPgogIDxoZWFkPgogICAgPHRpdGxlPk5hdHVyZSBTb3VuZHM8L3RpdGxlPgogICAgPG1ldGEgY2hhcnNldD0iVVRGLTgiIC8+CiAgPC9oZWFkPgogIDxib2R5PgogICAgPGgxPk5hdHVyZSBTb3VuZHM8L2gxPgogICAgPHVsPgogICAgICA8bGk+CiAgICAgICAgPGgyPkV2ZW5pbmcgYmlyZHMgc2lnbmluZyBpbiBzcHJpbmcuPC9oMj4KICAgICAgICA8IS0tIFN0ZXAgMTogRW1iZWQgdGhlIGF1ZGlvIGNsaXAgLS0+CiAgICAgICAgPGF1ZGlvIGNvbnRyb2xzPgogICAgICAgICAgPHNvdXJjZQogICAgICAgICAgICBzcmM9Imh0dHBzOi8vY29kZWZpbml0eS1jb250ZW50LW1lZGlhLXYyLnMzLmV1LXdlc3QtMS5hbWF6b25hd3MuY29tL2NvdXJzZXMvMzkyZjI0YWMtMDEyNi00YzM0LWEyOGEtZjJmMjZkMTIxOTZiL3NlY3Rpb24tMy9mb3Jlc3Qtd2l0aC1zbWFsbC1yaXZlci1iaXJkcy1hbmQtbmF0dXJlLWZpZWxkLm1wMyIKICAgICAgICAgICAgdHlwZT0iYXVkaW8vbXBlZyIKICAgICAgICAgIC8+CiAgICAgICAgICBZb3VyIGJyb3dzZXIgZG9lcyBub3Qgc3VwcG9ydCB0aGUgYXVkaW8gZWxlbWVudC4KICAgICAgICA8L2F1ZGlvPgogICAgICA8L2xpPgogICAgICA8bGk+CiAgICAgICAgPGgyPkEgZm9yZXN0IGZpbGxlZCB3aXRoIHNtYWxsIHNpbmdpbmcgYmlyZHMuPC9oMj4KICAgICAgICA8IS0tIFN0ZXAgMTogRW1iZWQgdGhlIGF1ZGlvIGNsaXAgLS0+CiAgICAgICAgPGF1ZGlvIGNvbnRyb2xzPgogICAgICAgICAgPHNvdXJjZQogICAgICAgICAgICBzcmM9Imh0dHBzOi8vY29kZWZpbml0eS1jb250ZW50LW1lZGlhLXYyLnMzLmV1LXdlc3QtMS5hbWF6b25hd3MuY29tL2NvdXJzZXMvMzkyZjI0YWMtMDEyNi00YzM0LWEyOGEtZjJmMjZkMTIxOTZiL3NlY3Rpb24tMy9ldmVuaW5nLWJpcmRzLXNpbmdpbmctaW4tc3ByaW5nLWJhY2tncm91bmQtc291bmRzLW9mLW5hdHVyZS5tcDMiCiAgICAgICAgICAgIHR5cGU9ImF1ZGlvL21wZWciCiAgICAgICAgICAvPgogICAgICAgICAgWW91ciBicm93c2VyIGRvZXMgbm90IHN1cHBvcnQgdGhlIGF1ZGlvIGVsZW1lbnQuCiAgICAgICAgPC9hdWRpbz4KICAgICAgPC9saT4KICAgIDwvdWw+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.

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.

Uitdaging: Gebruik Audio-Elementen

Taak

Tip