## Task
Create an HTML document that embeds two nature audio clips. Add appropriate attributes to enable controls. 
- The first audio file 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`.
- The second audio file 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+

## Hint
Step 1: Use the `<audio>` tag to embed the audio clip. Add the `controls` attribute to enable standard audio controls. Inside the `<source>` tag, use the `src` attribute to specify the URLs of the MP3 audio files.

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

Beherrschen Sie die Fähigkeiten, die erforderlich sind, um gut strukturierte und barrierefreie HTML-Webinhalte zu erstellen. Strukturieren Sie Dokumente mit Tags, Elementen und Attributen, formatieren Sie Text und Listen und betten Sie Bilder, Audio und Video ein. Erstellen Sie Tabellen für organisierte Daten und Formulare für Benutzereingaben und wenden Sie anschließend semantisches HTML an, um eine vollständige, barrierefreie Website von Grund auf zu erstellen.

Tauchen Sie ein in die Grundlagen des Webs und von HTML, einschließlich der Rolle von Tags, Elementen und Attributen sowie dem grundlegenden Aufbau eines HTML-Dokuments. Verfolgen Sie die kurze Geschichte des Webs und erfahren Sie, warum HTML weiterhin das Fundament jeder Seite bildet.

Erkunden Sie die Grundlagen der HTML-Textformatierung und Listen, von Überschriften und Absätzen bis hin zu fett, kursiv und durchgestrichen formatierten Stilen. Erstellen Sie Hyperlinks und Schaltflächen und strukturieren Sie Inhalte mit nummerierten und unnummerierten Listen.

Erfahren Sie, wie Sie Bilder, Audio und Video mit den Elementen img, audio und video in Ihre HTML-Seiten einbinden. Konfigurieren Sie Attribute wie src, alt, controls und autoplay, um Ihre Seiten mit visuellen und audiovisuellen Inhalten anzureichern.

Erfahren Sie, wie Sie Daten präsentieren und Benutzereingaben mit HTML-Tabellen und Formularen erfassen. Erstellen Sie Tabellenstrukturen mit thead und tbody und gestalten Sie Formulare mit beschrifteten Eingabefeldern sowie Attributen wie required, placeholder und disabled.

Erweitern Sie Ihr Wissen mit semantischen HTML-Elementen wie header, nav, section, article und footer. Wenden Sie diese an, um eine vollständige, barrierefreie One-Page-Portfolio-Website von Grund auf zu erstellen.

Challenge: Use Audio Elements

Task

Hint