Working with Media

This webpage demonstrates how HTML can display images, audio, and video using Creative Commons media resources.

Image Example

The image below demonstrates an image file with alternative text, size settings, a border, spacing, and a clickable link.

Image file type: JPG (.jpg)

Image Features Demonstrated

• JPG image format
• Alternative text for accessibility
• Image size attributes
• Clickable image link
• Image border and spacing using CSS

Audio Example

This audio player demonstrates the HTML audio element with visible user controls.

Video Example

This video player demonstrates the HTML video element with visible controls.

HTML Code Validation

I checked my HTML code using the W3C HTML Validator. The validator helped identify coding issues and allowed me to correct mistakes before submitting my project.

Additional Resources

Visit Wikimedia Commons for more Creative Commons images and media.

Working with Media

This webpage demonstrates how HTML can display images, play audio, and show videos using Creative Commons media.

Image Example

This image demonstrates the use of an image file, alternative text, size, border, spacing, and alignment.

Image file type: JPG (.jpg)

Image Information

• JPG image format
• Includes alt text for accessibility
• Image is clickable

Audio Example

This audio player demonstrates HTML audio controls.

Video Example

This video demonstrates HTML video controls.

Code Validation

I checked my HTML using the W3C HTML Validator. The validator helped identify mistakes in my code and allowed me to correct them before submitting.