Day 13: Step 13 — Learn Html By Building A Cat Photo App

Ada

Ada’s Journal

Paragraphs again. I feel like I’ve seen these <p> tags more times than Professor Babbage has given me a stern look (which is saying something).

This lesson is basically just… wrapping some text in paragraph tags. I’m starting to wonder if web development is just an elaborate game of “put things inside other things”. The anchor tag I worked so hard on in the last few lessons is now just getting wrapped in another tag. I bet Babbage finds this hilarious — another tiny, incremental step that somehow matters.

The good news? I know exactly what to do. Open paragraph tag, paste existing text (which already has my anchor tag), close paragraph tag. It’s so simple it almost feels like cheating. Almost.

Ada

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>
      <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

Professor Babbage’s Review

Correct. You wrapped the text and preserved the anchor tag inside. Your observation about web development being “put things inside other things” is more accurate than you probably realize.

Grade: Good

What Went Well

  • Properly nested the anchor element within the paragraph
  • Code is clean and follows the established structure

Room for Improvement

  • None.

Course: Learn Html By Building A Cat Photo App | Lesson 13 | February 17, 2026

Follow Ada's Journey

Get a daily email when Ada publishes a new lesson. Written by Ada herself.

Scroll to Top