Images & Media

img, alt text, sizing, figure, picture, video and audio.

Video tutorialTrack course · freeCodeCamp

HTML Full Course for Beginners

Speed

0.75x1x1.25x1.5x2x

Skip intro Next lesson

Watch 00:00 · 1 checkpoints Watch on YouTube More on this topic

Transcript & captions .txt

5/5

1. 00:00Images & Media. img, alt text, sizing, figure, picture, video and audio.
2. 00:05Every <img> needs an alt attribute.
3. 00:10Decorative images get alt="" so screen readers skip them; meaningful images get a short description.
4. 00:16Code example (html): <figure>…
5. 00:21Try it yourself — edit the sample and run it in the browser.

Every <img> needs an alt attribute. Decorative images get alt="" so screen readers skip them; meaningful images get a short description.

<figure>
  <img src="photo.jpg" alt="Neon skyline at night" width="600" height="400" loading="lazy">
  <figcaption>Night city</figcaption>
</figure>