Images make your pages visual and engaging. The <img> element is self-closing — it has no closing tag because it does not wrap content.

Syntax

<img src="photo.jpg" alt="A sunset over the ocean">

Why Alt Text Matters

Alt text is not optional. It serves three critical purposes:

Good vs Bad Alt Text

<!-- ❌ Bad: too vague -->
<img src="dog.jpg" alt="image">
<!-- ❌ Bad: just the filename -->
<img src="dog.jpg" alt="dog.jpg">
<!-- ✅ Good: descriptive -->
<img src="dog.jpg" alt="Golden retriever playing fetch in a park">

Your Task

Below the heading, add an image with:

The preview should show a small photo beneath the heading.