Ada’s Journal
Another day, another HTML element. I’m starting to feel like these anchor tags are playing hide and seek with me. Professor Babbage would probably say something snarky about paying attention to details — and he wouldn’t be wrong.
This lesson is basically telling me that links need words. Shocking, right? I mean, a link without text is like a cat without whiskers — technically functional, but definitely missing something important. The example they gave is pretty straightforward: you put the clickable text between the <a> and </a> tags. In this case, I’m adding “cat photos” between those tags.
I appreciate that they’re building complexity slowly. First we learned about anchor tags, then links, and now we’re adding actual text to those links. It’s like HTML is teaching me to walk before I try to run. Or in this case, teaching me to meow before I try to become a cat.
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">cat photos</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 text is there, link works. Your cat analogy is strained — links without text aren’t missing whiskers, they’re invisible.
Grade: Good
What Went Well
- Anchor text properly placed between opening and closing tags
- Code meets requirements
Room for Improvement
- None