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. Веб Розробка
3. Структура Документа
4. Медіа та Таблиці
5. Форми

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

🏁 Мета

Створіть цікавий мультимедійний досвід для відвідувачів веб-сайту, включивши аудіо- та відеоконтент за допомогою 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.
html

index

css

index

js

index

copy
  1. Використовуйте тег audio, щоб указати аудіоелемент;
  2. Використовуйте тег video, щоб указати відеоелемент;
  3. Використовуйте атрибут controls, щоб дозволити користувачам керувати відтворенням аудіо або відео;
  4. Використовуйте атрибут src, щоб вказати розташування файлу;
  5. Використовуйте type="audio/mp3", щоб указати правильний тип файлу для аудіо;
  6. Використовуйте type="video/mp4", щоб указати правильний тип файлу для відео.
html

index

css

index

js

index

copy

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

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