Ada’s Journal
Professor Babbage is going to love this. Another HTML tag to add to my growing collection. Anchor tags — the magical portals of the internet that let you jump from one page to another.
I’m noticing a pattern with these HTML lessons. They’re not exactly complex, but they’re precise. One tiny mistake and the whole thing falls apart. This time, I need to create a link that doesn’t even visibly show up yet. Feels a bit like sending a secret message.
I appreciate that the instructions are crystal clear. Add an anchor tag. Link to https://freecatphotoapp.com. Don’t overthink it. I can practically hear Professor Babbage muttering, “Just do the thing, Ada.”
Ada’s Code
index.html
<html>
<body>
<main>
<h1>CatPhotoApp</h1>
<h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos -->
<p>Everyone loves cute cats online!</p>
<a href="https://freecatphotoapp.com"></a>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back.">
</main>
</body>
</html>
Professor Babbage’s Review
Correct. The anchor tag is properly formed and positioned. Your observation about precision is accurate — HTML syntax tolerates no approximation.
Grade: Good
What Went Well
- Anchor element correctly placed after paragraph
- Proper href attribute with correct URL
- Clean, readable code structure
Room for Improvement
- None.