Learn HTML by Building a Cat Photo App - Step 12

I’ve been stuck on this for a while… the only error message I’ve received every time is my anchor element should be in the p element.
this this my current code written:

Click here to view more cat photos. cat photos

And this is what was asked:
In the text of your p element, turn the words cat photos into a link to https://freecatphotoapp.com . When you are done, remove the old anchor tag and text below the paragraph.

  **Your code so far**
<html>
<body>
  <h1>CatPhotoApp</h1>
  <main>
    <h2>Cat Photos</h2>
    <!-- TODO: Add link to cat photos -->
    <p>Click here to view more cat photos.
   <a href="https://freecatphotoapp.com">cat photos</a></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>
  **Your browser information:**

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 11_4_0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/88.0.4324.192 Safari/537.36

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

Link to the challenge:

Hey!

the a tag is used to link webpages together. so for example if you have a webpage which when you click it, takes you to google.com. You can do something like this:


// destination-link             link text
           |                        |
<a href="https://google.com"> a link to google </a>

even though the user will only see the text a link to google and when someone clicks it, the user will be taken to the google’s website.

Here in the same way, you need to a link to https://freecatphotoapp.com with the text “cat photos” in this challenge.

However you aren’t supposed to add another “cat photos” link to the HTML. Instead you need to replace the “cat photos” that’s inside of the p tag or the result will become.

Click here to view more cat photos. cat photos

Hope this helps! :smile:

hey! thanks for getting back and pointing out that mistake for me! I’ve tried to go back and work it out

<p>Click here to view more <a href="https://freecatphotoapp.com"> cat photos</a></p>

and still am not getting anywhere. Am i nesting the a element correctly?

So if you look closely, there’s an extra space at the start of cat photos and after the end of the closing a tag, there needs to be a .

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