Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Челендж: Аудіо та Відео | Медіа та Таблиці
Знайомство з HTML
course content

Зміст курсу

Знайомство з HTML

Знайомство з HTML

1. Веб Розробка
2. Теги та Атрибути
3. Структура Документа
4. Медіа та Таблиці
5. Форми

book
Челендж: Аудіо та Відео

🏁 Мета

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

📋 Завдання

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

  1. Для аудіо: Вбудувати аудіофайл, який створить заспокійливу атмосферу для розслаблення користувачів. Використовуйте наступне посилання для аудіо: https://codefinity-content-media.s3.eu-west-1.amazonaws.com/code-1/ultimate-html/media+and+tables/just-relax-audio.mp3;
  2. Для відео: Інтегруйте відео, яке дозволить користувачам насолодитися красою природних створінь. Використовуйте наступне посилання для відео: https://codefinity-content-media.s3.eu-west-1.amazonaws.com/code-1/ultimate-html/media+and+tables/tiger-video.mp4.

For the Video: Integrate a video that lets users enjoy the beauty of nature creatures. Use the following link for the video:

Add playback controls like play and pause.

Add file types.

html

index

css

index

js

index

copy
  1. Use the audio tag to specify an audio element.
  2. Use the video tag to specify a video element.
  3. Use the controls attribute to allow users to manage the audio or video playback.
  4. Use the src attribute to specify the file's location. Ensure accurate copying of links from the task.
  5. Use type="audio/mp3" to specify the correct file type for the audio.
  6. Use type="video/mp4" to specify the correct file type for the video.
html

index

css

index

js

index

copy
Все було зрозуміло?

Як ми можемо покращити це?

Дякуємо за ваш відгук!

Секція 4. Розділ 6
We're sorry to hear that something went wrong. What happened?
some-alt