Learn HTML by Building a Cat Photo App - Step 14

HTML-CSS
1

Tell us what’s happening:

Step 14
Turn the existing text cute cats into an anchor element that links to:

Your code so far

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

<!-- User Editable Region -->

 
 
<p a href="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg"></a> Everyone loves cute cats online!</p>


  
     

<!-- User Editable Region -->

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

Your browser information:

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

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 14

2

:balloon: Hi, welcome to the forum!
We see you have posted some code but did you have a question?

(You have not filled out the “Tell us what’s happening:” field above)

1 Like
3

Please i need help in step 14

4

What’s the issue did you get?

1 Like
5

It says There should only be one instance of the phrase cute cats in your code.

<p> <a href="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg">cute cats</a> Everyone loves cute cats online!</p>
6

I’ve edited your code for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

Yes, you have doubles cute cats. Try replacing ‘cute cats’ words with your a element

1 Like
7

Please how do i do that

8

I also help to step 14 friend.

9 
<p <a href="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg"> <a href="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg"</a> Everyone loves cute cats online!</p>

It says the anchor text should be cute cats .

10

Hi there. Reset the challenge step to restore the original code back. Then add anchor element around the existing text cute cats you have in the paragraph element.

2 Likes
11

wow I got it, thank you so much, you’re the best

2 Likes
12

If you have a question about a specific challenge as it relates to your written code for that challenge and need some help, click the Help button located on the challenge. This button only appears if you have tried to submit an answer at least three times.

The Help button will create a new topic with all code you have written and include a link to the challenge also. You will still be able to ask any questions in the post before submitting it to the forum.

Thank you.