In this task, you’ll apply what you’ve learned about embedding and customizing media elements on a webpage. You will use the <img>, <video>, and <audio> tags along with their attributes to create an engaging multimedia webpage. Use the exact image, video and audio files given in the instructions.


Instructions

Add an Image:

Add a Video:

Add an Audio File:

Use Multiple Formats:

To complete this test, you will use the EduCourse Code Editor below to write the provided HTML code. The editor is specifically designed to help you practice coding with immediate feedback. After writing your code, click the Test Your Code button. If your code is correct, you will receive a green success message indicating that everything is written properly. This confirmation ensures your code is free of errors and follows the required structure. Once you see the green message, you can preview the outcome of your code in the built-in browser preview tool. This feature allows you to see how your webpage will look and function, giving you a clear understanding of how your code translates into a visual format. If your code is incorrect you will receive an error message with what needs to be added again. You may start the task again. By completing this task, you’ll gain confidence in coding and see the results of your work instantly.

HTML Media Task

Write the HTML document based on the instructions and click “Test Your Code”.

Live Preview