## Завдання
Створіть HTML-документ, який вбудовує два аудіокліпи природи. Додайте відповідні атрибути для ввімкнення елементів керування.
- URL першого аудіофайлу: `https://staging-content-media-cdn.codefinity.com/courses/392f24ac-0126-4c34-a28a-f2f26d12196b/section-3/forest-with-small-river-birds-and-nature-field.mp3`.
- URL другого аудіофайлу: `https://staging-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+

## Підказка
Крок 1: Використовуйте тег `<audio>` для вбудовування аудіокліпу. Додайте атрибут `controls`, щоб увімкнути стандартні елементи керування аудіо. Всередині тега `<source>` використовуйте атрибут `src`, щоб вказати URL-адреси MP3 аудіофайлів.

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

Опануйте основи HTML. Досліджуйте все, від розуміння вебу до просунутих тем HTML, таких як списки, посилання, зображення, вбудовування медіа, таблиці, форми та семантичний HTML, і створіть свій перший вебсайт.

Отримайте введення у веб та HTML, включаючи значення тегів, елементів та атрибутів. Дізнайтеся про базову структуру HTML-документа та коротку історію вебу.

Опануйте основи розмітки HTML, зосереджуючись на спеціальному форматуванні тексту та списках, розуміючи їх значення у структурі контенту в HTML-документі. Пориньте в тонкощі структури HTML-документа, вдосконалюючи техніки розмітки тексту.

Розкрийте потенціал візуального та аудіо контенту у веб-розробці, навчаючись безперешкодно інтегрувати зображення, відео та аудіо елементи в HTML документи. Досліджуйте нюанси включення різних медіа форматів.

Опануйте складнощі подання даних та взаємодії з користувачем завдяки всебічному висвітленню таблиць і форм у HTML, що охоплює структури таблиць, створення форм та елементи введення. Отримайте навички у впровадженні елементів введення форм та використанні атрибутів для покращеної функціональності.

Підвищте свої навички HTML на новий рівень, заглиблюючись у семантичні елементи HTML, що дозволить вам створювати добре структурований та доступний веб-контент. Почніть створювати свій перший веб-сайт, застосовуючи нові знання для втілення ваших ідей у життя.

Основи HTML

Завдання: Аудіо

Завдання

Підказка