Links and images
A link uses the <a> element. Its attribute href says where the link goes.
An image uses <img>. It has no closing tag. src points to the picture file and alt describes it for people using screen readers, or for anyone when the picture can't load.
Pictures from other websites are blocked in this practice area, so your image shows its alt text instead. That's a good way to see why alt text matters.
Example
<p>
<a href="https://developer.mozilla.org">Learn more on MDN</a>
</p>
<img src="cat.jpg" alt="A grey cat asleep on a sofa">Attribute values go inside double quotes:
href="https://example.org".Your tasks
0 of 2 done- Add a link whose href points to https://example.org
- Add an image with a src and alt text that describes it
Tutor
The tutor guides you toward the answer instead of handing it over. It uses your own Claude usage.
Quick check
What does the alt attribute do?
No problems found. Unclosed tags, missing semicolons and errors show up here in plain words.