Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
1

Tell us what’s happening:
What am I getting wrong here? Please help

Your code so far

See more cat photos in our gallery.
cat photos

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

<!-- User Editable Region -->

      <p>See more cat photos in our gallery.
        <a href="https://freecatphotoapp.com">cat photos</a></p>

<!-- 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; rv:109.0) Gecko/20100101 Firefox/113.0

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

Link to the challenge:

2

You added the extra text cat photos to the end of the sentence in the p element and made that the link. You don’t want to add any extra text. You want to turn the existing cat photos in the middle of the sentence into a link.

2 Likes
3

In the text of your p element, turn the words cat photos into a link to https://freecatphotoapp.com by adding opening and closing anchor (a) tags around these words.

1 Like
4 
  <p>See more cat photos in our gallery.
    <a cat photos>href="https://freecatphotoapp.com">link to cat pictures</a></p>

the existing “cat photos” from the first line should be edited?

link to cat pictures

5

Yes, the existing “cat photos” in the middle of the sentence in the p element should be turned into a link by adding opening and closing anchor (a) tags around these words.

Also, don’t move the closing </p> tag or you will not pass.

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

Thanks so much for your help! I’m still missing something

7

First, do not remove any text that is already there. I would restart the step to get the original HTML back.

The only thing you are doing in this step is adding an opening and closing a tag. If you make any other changes than this you will not pass.

Look at the opening a tag for the link to cat pictures link you created in a previous step. That’s how your opening a tag should look for the new cat photos link you are creating.

8 
  <p>See more <a cat photos</a> in our gallery.</p>
  <a href="https://freecatphotoapp.com">link to cat pictures</a>

it says Hint

The link’s href value should be https://freecatphotoapp.com. You have either omitted the href value or have a typo.

9

Does your opening a tag have an href attribute with the value https://freecatphotoapp.com?

Look at the link to cat pictures link you already created below the p element. Do you see the href attribute on that opening a tag? That’s what you need on the new one you added.

Also, a tag always begins with < and ends with >. You forgot the > on your opening a tag.

10

Ok got it finally. Thanks so much for your help. I dont know why that confused me so much, but now I understand!

11

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.