Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Challenge: Audio and Video | Media and Tables
Ultimate HTML
course content

Course Content

Ultimate HTML

Ultimate HTML

1. Web Development
2. Tags and Attributes
3. Document Structure
4. Media and Tables
5. Forms

bookChallenge: Audio and Video

🏁 Goal

Create an engaging multimedia experience for the website visitors by incorporating both audio and video content using HTML tags and attributes.

📋 Task

Take the website to the next level by immersing users in a captivating multimedia experience. Your task is to:

  1. For the Audio: Embed an audio file that provides a soothing atmosphere for users to relax. Use the following link for the audio: https://codefinity-content-media.s3.eu-west-1.amazonaws.com/code-1/ultimate-html/media+and+tables/just-relax-audio.mp3.
  2. For the Video: Integrate a video that lets users enjoy the beauty of nature creatures. Use the following link for the video: 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. 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

Everything was clear?

How can we improve it?

Thanks for your feedback!

Section 4. Chapter 7
some-alt