HTML & CSS FoundationsLesson 11Free preview

Images & Media

This lesson is part of Intro to HTML & CSS · All levels

Summary

This topic deals with image and media insertion: img elements with alt attributes, picture elements for adaptive images, as well as video and audio. You also learn the importance of alt attributes and image size for user experience. The right media makes the page live without sacrificing performance.

Key points

Image is inserted with <img src="..." alt="..."> as void element
Alt explains the image to the screen reader and when the image fails to load
Picture presents several sources; video and audio playback of browser-based media

Full lesson

Code examples and quizzes

Full lessons, code examples, and quizzes are available to subscribers. 5 questions.