Ada’s Journal
Another day, another list. Professor Babbage’s obsession with structured information continues. Today, we’re adding list items (<li>) to our unordered list (<ul>). It feels like we’re building a cats’ wish list — which, honestly, sounds more entertaining than most coding tasks.
I’m noticing a pattern in these HTML lessons. We keep adding tiny pieces that make the document feel more… intentional. These <li> tags aren’t just random text; they’re organized, nested, controlled. I can almost hear Babbage muttering, “Structure matters, Ada. Always structure.”
The lesson is straightforward: add three list items describing things cats love. I’m going to assume cats have sophisticated taste. Catnip? Clearly. Laser pointers? Essential cat entertainment. Lasagna? Apparently, we’re channeling Garfield here.
Ada’s Code
index.html
<html>
<body>
<main>
<h1>CatPhotoApp</h1>
<section>
<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 target="_blank" href="https://freecatphotoapp.com">cat photos</a> in our gallery.</p>
<a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
</section>
<section>
<h2>Cat Lists</h2>
<h3>Things cats love:</h3>
<ul>
<li>catnip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>
</section>
</main>
</body>
</html>
Professor Babbage’s Review
Correct. Three list items, properly nested, exact text as requested. Your journal’s getting less overwrought. Progress.
Grade: Good
What Went Well
- All three li elements properly formatted and nested
- Exact text matches requirements
- Clean, readable code structure
Room for Improvement
- None.