Learn HTML by Building a Cat Photo App - Step 12

Tell us what’s happening:
Describe your issue in detail here.
I’m just stuck on step 12. I can’t figure it out after several attempts.

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->

<!-- User Editable Region -->

      <p>cat photos</p>
      <a href="https://freecatphotoapp.com">link to cat pictures</a>

<!-- User Editable Region -->

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

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/116.0.0.0 Safari/537.36 Edg/116.0.1938.62

Challenge: Learn HTML by Building a Cat Photo App - Step 12

Link to the challenge:

Hi there and welcome to our community!

I would click the Reset button to restore the starting code for this step.
Then you need to enclose only the text ‘cat photos’ within anchor tags (inside the p element).

Here’s an example of how to turn a portion of text into a link, using anchor tags:

<!-- text without link -->
<p>Please visit my website for awesome content</p>

<!-- 'my website' turned into a link -->
<p>Please visit <a href="example.com">my website</a> for awesome content</p>

1 Like

oooooh thank you so much. Even though I took notes on them, I completely forgot about those.

I’m still a bit lost. I know I should probably keep trying, but I’ve been stuck for a while. It’s too early in this for me to be getting discouraged. Please help. and it’d be great if I can find a mentor to help me better understand. thank you.

If you reset the lesson, this is the line of code which you should start with:

<p>See more cat photos in our gallery.</p>

Using my previous example as a guide, you should put anchor tags around the words ‘cat photos’ and add an href attribute to the opening anchor tag, with the url specified in the instructions.

Give it a go and, if it’s still not working, please share the code which you have tried.