Fun with Multimedia!

Sight, Sound, & Motion in Action

SIGHT

This section demonstrates how images can enhance a web page. Images can be displayed in a variety of sizes, from the largest one to the smallest one.

Use your imagination to select images that fit your topic. You will place them inside your images folder, then insert them into your secondary pages. These images will later be uploaded to the web server.

1. 1. Web Pages
   • The Red Wings
   • The Swiss Alps

SOUND

The audio tag allows us to include sound on a web page. HTML5 supports the use of this tag across most modern browsers. Check browser support for the audio element by visiting Can I use.

2. 2. Audio Files
   • light_applause.wav
     
   • horse.ogg
     
   • podcast.mp3
     

MOTION

The video and iframe tags allow us to include motion on a web page. HTML5 supports the video tag natively, and the iframe tag allows us to embed videos from external sources such as YouTube. Check browser support for the video tag at Can I use.

3. 3. Video Files
   • HTML5 Video Example:
     
   • YouTube Example:
     

Validate HTML  |  Return to Course Homepage