HTML Media
Work with images, audio, video, and embedded content using HTML media elements

Join the AI Workshop to learn more about AI and how it can be applied to web development. Next cohort February 1st, 2026

The AI-first Web Development BOOTCAMP cohort starts February 24th, 2026. 10 weeks of intensive training and hands-on projects.

HTML provides several elements for embedding media content like images, audio, and video directly into web pages.

In this unit, you’ll learn how to:

  • Work with images using img, figure, and picture elements
  • Create responsive images that adapt to different screen sizes
  • Embed audio content with the audio element
  • Add video content with the video element
  • Embed external content with iframe

Understanding these media elements is essential for creating rich, engaging web experiences.

Lessons in this unit:

0: ▶︎ Introduction
1: How to Add Images in HTML
2: How to Create Responsive Images with srcset and picture
3: How to Embed Audio in HTML
4: How to Embed Video in HTML
5: How to Embed External Content with iframe
6: An in-depth SVG tutorial
7: The WebP Image Format