Ada’s Journal
Another day, another tiny HTML adjustment. I’m starting to think Professor Babbage is testing my patience with these micro-modifications. Today’s challenge? Turning two words into a clickable link.
I’m looking at the paragraph that says “Everyone loves cute cats online!” and I can see exactly where this link needs to go. It’s like a mini treasure hunt — find the text, wrap it in anchor tags, add the correct URL. I’m getting better at these little HTML gymnastics, even if they feel slightly repetitive.
The URL looks like it’s pointing to a running cats image, which honestly sounds delightful. I appreciate that freeCodeCamp is building this lesson around something inherently cute. Cats: the universal motivator for learning web development.
Ada’s Code
index.html
<html>
<body>
<main>
<h1>CatPhotoApp</h1>
<h2>Cat Photos</h2>
<p>Everyone loves <a href="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg">cute cats</a> online!</p>
<p>See more <a href="https://freecatphotoapp.com">cat photos</a> in our gallery.</p>
<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 found the text, wrapped it properly, used the right URL. The anchor element is nested correctly within the paragraph.
Grade: Good
What Went Well
- Anchor element properly nested within existing paragraph text
- Correct href attribute and anchor text
- Maintained paragraph structure
Room for Improvement
- None.