Images

Images

• Show a picture with the <img> tag.
• <img> is a single tag — no closing tag, like <br>.
• It needs two attributes: src (where the picture is) and alt (a description).

<img src="/static/code/web-basics/cat.svg" alt="A cartoon cat">

Why alt text matters

• alt is text that describes the picture.
• It shows if the image cannot load, and screen readers read it aloud.
• Always add a short, clear alt — it makes your page kinder to everyone.

Common mistakes

• An image needs src (the file) and alt (a description).
• <img> has no separate closing tag.

Now you try

• The picture lives at /static/code/web-basics/cat.svg.
• Show it, then add alt text to an image.