Question: Description: Write the complete HTML markup for the document pictured in the screenshot on the next page. In your answer, make sure you make use

Description:

Write the complete HTML markup for the document pictured in the screenshot on the next page. In your answer, make sure you make use of proper HTML5 markup, including the following:

Figures and Captions

Use an image and video width of 400 pixels

Use https://squoosh.app and the picture element to include at least 2 different image encoding formats (e.g., WebP and JPEG)

Use both MP3 and OGG sources for your audio

Show the play button, etc. for your audio

Use both MP4 and OGV sources for your video

Hide the play button and automatically mute and play your video. Also have it run forever over and over again (looping)

You will also require the following links:

Image: https://unsplash.com/photos/oC66vXsqnc8

Audio: https://archive.org/detailsaturesounds-soundtheraphy/

MP3 - https://ia800404.us.archive.org/31/itemsaturesounds-soundtheraphy/Relaxing%20Nature%20Sounds%20-%20Trickling%20Stream%20Sounds%20%26%20Birds.mp3

OGG - https://ia800404.us.archive.org/31/itemsaturesounds-soundtheraphy/Relaxing%20Nature%20Sounds%20-%20Trickling%20Stream%20Sounds%20%26%20Birds.ogg

Video: https://archive.org/details/LoopableCassetteTape

MP4 - https://archive.org/download/LoopableCassetteTape/Cassette%20Tape%20PhotoJPEG.mp4

OGV - https://archive.org/download/LoopableCassetteTape/Cassette%20Tape%20H264-1.ogv

The output should be as the picture attached

Description: Write the complete HTML markup for the document pictured in the

Test 5: HTML and Media Image Different types of media by Julius Drost Audio 0:00/26:37 (1) RelaxingNatureSounds-TricklingStreamSounds&Birdsby@naturthusiast Video

Step by Step Solution

There are 3 Steps involved in it

1 Expert Approved Answer

Step: 1 Unlock blur-text-image

Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock

Step: 3 Unlock

Students Have Also Explored These Related Databases Questions!

Assignment 3 Responding to a claim and adjustment request Providing good news and approving a claim, even when the client is at fault You are the owner of Orange Blossom Management. The following...

Problem 1 Your boss has asked you to create a template for the new web site. Learning Outcomes Demonstrate creativity and problem-solving skills. Analyze web programs in order to test, debug, and...

Problem 1 Web site topic: Your boss has asked you to create a web site for: a local community non-profit organization that sells rummage sale items. This week, they have asked you to set up 1 page to...

html5/Javascript/Css homework help. //////////////////////////////////////////////////////////////////////////////////////////// Problem 1 Web site topic: Your boss has asked you to create a web site...

Due Week 4: Work Breakdown Structure According to the PMBOK Guide, "the WBS is a deliverableoriented hierarchical decomposition of the work to be executed by the project team, to accomplish the...

Need help with these multiple choice questions for internal audit final exam. Due in 2 hours. QUESTION 1 RsQ_004Without management direction and assumption of responsibility, it would be...

How would one create deliverable 1 in 3rd Normal form? Thanks! CIS3050-03 Project 1 - Protected View- Saved to this PC ApacheWarloed OfTheSouth-X File Home Insert Draw Design Layout References...

How would one create deliverable 3 a fully functioning entity relationship diagram with subtypes and supertypes? Thanks! CIS3050-03 Project 1 - Protected View- Saved to this PC ApacheWarloed...

After having the opportunity to complete the course, what would you change and why? What topic particularly caught your interest and what do you want to know more about? Last, but not least, if you...

For the beam shown below: a) Find reactions at support A and support B b) Draw the shear diagram c) Draw the bending moment diagram d) What is the design shear V and bending moment M for the beam? e)...

In what ways does the federal government help with initial financing for small businesses?

Please calculate the UCA for 2 0 2 5 and forecast 2 0 2 6 . The structure : 1 . NET SALES 2 . Accounts receivable - decr. ( incr . ) 3 . CASH FROM SALES 4 . Cost of goods sold Inventories - decr. (...

Compared with half a century ago, adoption has become _ _ _ _ _ _ _ _ _ common, but it is more open and acceptabl e , so we probably discuss it _ _ _ _ _ _ _ . fill in the blanks more or much less or...

McGregor depended on collective and individual bargaining, within a framework of measurement to be the ultimate determinants of fair pay and promotional procedures. Is this still valid today, and, if...

15-14 What would your company need to do to create a successful e-commerce presence in China? Explain.

15-12 Describe the political, cultural, and organizational obstacles for foreign companies that want to do business online in China.