Learn HTML by Building a Cat Photo App - Step 12

Tell us what’s happening:
You can see the words cat photos underlined next to the image in the preview now. That’s your link; feel free to give it a click. 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>"https://freevatchphotoapp.com"
    <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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/104.0.5112.81 Safari/537.36 Edg/104.0.1293.54

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

Link to the challenge:

That’s what the instructions tell you to do. What part of the instructions has you stuck or confused?

You broke the syntax of the p element.

I am required to nest the anchor within the

and have it <p>click here to view more cat photos</a></p> and have the following instructions…

Step 12

You can see the words cat photos underlined next to the image in the preview now. That’s your link; feel free to give it a click. 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.

Just copy-pasting the instructions is not helpful. I can read the instructions myself.

Where is your opening anchor tag in this code? You must have both an opening and closing anchor tag.

It would be helpful if you could post all of your code when you make updates.

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