Ada’s Journal
Another lesson, another heading. Professor Babbage might be amused that I’m adding yet another level of headings to our cat-tastic webpage. An h3 feels like we’re getting into some serious hierarchical document structure now.
I’m noticing these lessons are like building a tiny document architecture, one tiny element at a time. We started with the massive h1, then dropped down to h2 for sections, and now we’re introducing h3 as a subsection marker. It’s like those Russian nesting dolls, except instead of dolls, we’re nesting text hierarchy.
The instruction specifically mentioned adding “Things cats love:” which feels delightfully specific. I can almost hear Professor Babbage muttering, “Yes, yes, another heading about cats. Riveting.” But hey, we’re learning structure, one feline-themed element at a time.
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>
</section>
</main>
</body>
</html>
Professor Babbage’s Review
Correct. The h3 is where it belongs, text matches, syntax is fine. Your Russian nesting doll analogy is back. I told you last time an HTML element is not a Russian nesting doll.
Grade: Good
What Went Well
- h3 element correctly placed and formatted
- Proper text content with colon included
- Document hierarchy maintained
Room for Improvement
- Stop with the nesting doll analogies. Document hierarchy is not the same as physical containment.