## Task
Create an HTML document that embeds a video clip showcasing boats at a resort. Add an appropriate attribute for controls. Additionally, use the following URL to specify the video: `https://content-media-cdn.codefinity.com/courses/392f24ac-0126-4c34-a28a-f2f26d12196b/section-3/Boats+at+Resort+Video.mp4`.


PCFET0NUWVBFIGh0bWw+CjxodG1sPgogIDxoZWFkPgogICAgPHRpdGxlPkJvYXRzIGF0IFJlc29ydDwvdGl0bGU+CiAgICA8bWV0YSBjaGFyc2V0PSJVVEYtOCIgLz4KICA8L2hlYWQ+CiAgPGJvZHk+CiAgICA8aDE+Qm9hdHMgYXQgUmVzb3J0PC9oMT4KICAgIDwhLS0gU3RlcCAxOiBFbWJlZCB0aGUgdmlkZW8gY2xpcCAtLT4KICAgIDxfX19fXyBfX19fXyB3aWR0aD0iMzAwIj4KICAgICAgPHNvdXJjZQogICAgICAgIF9fX19fPSJfX19fXyIKICAgICAgICB0eXBlPSJ2aWRlby9tcDQiCiAgICAgIC8+CiAgICAgIFlvdXIgYnJvd3NlciBkb2VzIG5vdCBzdXBwb3J0IHRoZSB2aWRlbyBlbGVtZW50LgogICAgPC9fX19fXz4KICAgIDxwPgogICAgICA8c3Ryb25nPkJvYXRzIGF0IFJlc29ydDwvc3Ryb25nPiBvZmZlcnMgYSBzZXJlbmUgZXNjYXBlIG5lc3RsZWQgYWxvbmcgdGhlCiAgICAgIHBpY3R1cmVzcXVlIHNob3JlcyBvZiBhIHRyYW5xdWlsIGxha2UuIEVtYnJhY2UgdGhlIGJlYXV0eSBvZiBuYXR1cmUgYXMgeW91CiAgICAgIGluZHVsZ2UgaW4gYSBibGlzc2Z1bCBnZXRhd2F5IGF0IHRoaXMgd2F0ZXJmcm9udCBwYXJhZGlzZS4gV2hldGhlciB5b3UncmUKICAgICAgc2Vla2luZyA8ZW0+YWR2ZW50dXJlIG9uIHRoZSB3YXRlcjwvZW0+IG9yCiAgICAgIDxlbT5yZWxheGF0aW9uIGJ5IHRoZSBzaG9yZTwvZW0+LCBvdXIgcmVzb3J0IHByb3ZpZGVzIHRoZSBwZXJmZWN0IHNldHRpbmcKICAgICAgZm9yIHVuZm9yZ2V0dGFibGUgZXhwZXJpZW5jZXMuIEhvcCBhYm9hcmQgb3VyIGZsZWV0IG9mIGJvYXRzIGFuZCBlbWJhcmsgb24KICAgICAgPHN0cm9uZz5sZWlzdXJlbHkgY3J1aXNlczwvc3Ryb25nPiwKICAgICAgPHN0cm9uZz50aHJpbGxpbmcgd2F0ZXIgc3BvcnRzPC9zdHJvbmc+LCBvcgogICAgICA8c3Ryb25nPnBlYWNlZnVsIGZpc2hpbmcgZXhjdXJzaW9uczwvc3Ryb25nPi4KICAgIDwvcD4KICA8L2JvZHk+CjwvaHRtbD4=

## Hint
Step 1: Use the `<video>` tag to embed the video clip. Add the `controls` attribute to enable standard video controls. Inside the `<video>` tag, use the `src` attribute to specify the URL of the MP4 video file.

PCFET0NUWVBFIGh0bWw+CjxodG1sPgogIDxoZWFkPgogICAgPHRpdGxlPkJvYXRzIGF0IFJlc29ydDwvdGl0bGU+CiAgICA8bWV0YSBjaGFyc2V0PSJVVEYtOCIgLz4KICA8L2hlYWQ+CiAgPGJvZHk+CiAgICA8aDE+Qm9hdHMgYXQgUmVzb3J0PC9oMT4KICAgIDwhLS0gU3RlcCAxOiBFbWJlZCB0aGUgdmlkZW8gY2xpcCAtLT4KICAgIDx2aWRlbyBjb250cm9scyB3aWR0aD0iMzAwIj4KICAgICAgPHNvdXJjZQogICAgICAgIHNyYz0iaHR0cHM6Ly9jb2RlZmluaXR5LWNvbnRlbnQtbWVkaWEtdjIuczMuZXUtd2VzdC0xLmFtYXpvbmF3cy5jb20vY291cnNlcy8zOTJmMjRhYy0wMTI2LTRjMzQtYTI4YS1mMmYyNmQxMjE5NmIvc2VjdGlvbi0zL0JvYXRzK2F0K1Jlc29ydCtWaWRlby5tcDQiCiAgICAgICAgdHlwZT0idmlkZW8vbXA0IgogICAgICAvPgogICAgICBZb3VyIGJyb3dzZXIgZG9lcyBub3Qgc3VwcG9ydCB0aGUgdmlkZW8gZWxlbWVudC4KICAgIDwvdmlkZW8+CiAgICA8cD4KICAgICAgPHN0cm9uZz5Cb2F0cyBhdCBSZXNvcnQ8L3N0cm9uZz4gb2ZmZXJzIGEgc2VyZW5lIGVzY2FwZSBuZXN0bGVkIGFsb25nIHRoZQogICAgICBwaWN0dXJlc3F1ZSBzaG9yZXMgb2YgYSB0cmFucXVpbCBsYWtlLiBFbWJyYWNlIHRoZSBiZWF1dHkgb2YgbmF0dXJlIGFzIHlvdQogICAgICBpbmR1bGdlIGluIGEgYmxpc3NmdWwgZ2V0YXdheSBhdCB0aGlzIHdhdGVyZnJvbnQgcGFyYWRpc2UuIFdoZXRoZXIgeW91J3JlCiAgICAgIHNlZWtpbmcgPGVtPmFkdmVudHVyZSBvbiB0aGUgd2F0ZXI8L2VtPiBvcgogICAgICA8ZW0+cmVsYXhhdGlvbiBieSB0aGUgc2hvcmU8L2VtPiwgb3VyIHJlc29ydCBwcm92aWRlcyB0aGUgcGVyZmVjdCBzZXR0aW5nCiAgICAgIGZvciB1bmZvcmdldHRhYmxlIGV4cGVyaWVuY2VzLiBIb3AgYWJvYXJkIG91ciBmbGVldCBvZiBib2F0cyBhbmQgZW1iYXJrIG9uCiAgICAgIDxzdHJvbmc+bGVpc3VyZWx5IGNydWlzZXM8L3N0cm9uZz4sCiAgICAgIDxzdHJvbmc+dGhyaWxsaW5nIHdhdGVyIHNwb3J0czwvc3Ryb25nPiwgb3IKICAgICAgPHN0cm9uZz5wZWFjZWZ1bCBmaXNoaW5nIGV4Y3Vyc2lvbnM8L3N0cm9uZz4uCiAgICA8L3A+CiAgPC9ib2R5Pgo8L2h0bWw+Cg==

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

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

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

Дізнайтеся, як інтегрувати зображення, аудіо та відео у ваші HTML-сторінки за допомогою елементів img, audio та video. Налаштовуйте атрибути, такі як src, alt, controls та autoplay, щоб наповнити сторінки візуальним та аудіоконтентом.

Дізнайтеся, як представляти дані та збирати введення користувача за допомогою HTML-таблиць і форм. Створюйте структури таблиць з використанням thead і tbody, а також створюйте форми з підписаними полями введення та атрибутами, такими як required, placeholder і disabled.

Поглибте свої знання за допомогою семантичних елементів HTML, таких як header, nav, section, article та footer. Використовуйте їх для створення повноцінного, доступного односторінкового портфоліо з нуля.

Challenge: Use Video Elements

Task

Hint

Challenge: Use Video Elements

Task

Hint