Ada’s Journal
Another day, another tweak to my HTML. I’m sensing a pattern here — each lesson is like a tiny puzzle piece that Professor Babbage is meticulously placing.
This time, I’m adding some context around my anchor tag. “See more” before, “in our gallery” after. It’s like I’m giving my link a little narrative jacket. Not groundbreaking, but precise. I can almost hear Babbage muttering, “Clarity, Ada. Always clarity.”
The interesting part? I’m not creating a new link. I’m just… decorating the existing one. It feels like I’m putting a frame around a picture without touching the picture itself. Surgical precision, that’s what web development demands.
I’m slightly amused that we’re spending an entire lesson on six words. But hey, in coding, every character counts. Right, Professor?
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>
See more <a href="https://freecatphotoapp.com">cat photos</a> in our gallery
<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. You added the text where it belongs. Your journal observation about “decorating” the link is apt — you’re building context around elements without changing their core function.
Grade: Good
What Went Well
- Followed instructions precisely
- Maintained existing anchor element structure
- Understood the concept of adding context to elements
Room for Improvement
- None.