Working with Media

Project Requirements

HTML

jpg, png, gif, captions, alt text, position image next text, thumbnail link to full size source img, sound file, video file, player controls

CSS

list-style-image(customized bullets), list-style-type

Working with Media

This page demonstrates how to include media in an HTML document.

Images (JPG, PNG, GIF)

These images include captions and descriptive alt text. Click on image to go to the full size source image.

Portrait of Norwegian Forest Cat
JPG image of Norwegian Forest Cat.
Norwegian Forest Cat under hanging lights
PNG image of Norwegian Forest Cat under hanging lights decoration.
Norwegian Forest Cat
GIF of cats being cats.
cat icon
Cat icon used for bullets.

This text is positioned next to an image.

Audio

This audio track includes player controls for playback.

Audio of cat meowing.

Video

This video includes player controls for playback.

Video of cat scratching belly.

Media Credits:

All images, audio, and video content on this page are licensed under Creative Commons.