Learn HTML by Building a Cat Photo App - Step 14

HTML-CSS
1

Tell us what’s happening:

My code doesn’t work at this point. They said that there should only be one instance of the phrase “cute cats” in this line of coding and i have tried many times but i don’t know what to do. diagram :

Everyone loves cute cats online.cute cats

Your code so far

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

<!-- User Editable Region -->

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

Hi. Welcome to the forum. You have written cute cats twice. You wrap the anchor element around the words cute cats in the sentence already there. Reset the step and try again. If you’re still having problems with this step reply to this thread and post your updated code.

3

Do you see that cute cats is already in the sentence to add the anchor tag around?

1 Like
4

how
give the illustration

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

Can you see how you have written cute cats twice? Have a look in the preview screen.

6

I don’t understand what you mean?

7

The phrase “cute cats” here doesn’t have an anchor element around it.

8

Where do i put it then?

9

What is “it”?

10

Yes i can see it. Now what should i do.
please illustrate.

11

Reset the step to get it how it was and then wrap the a element around the words cute cats.

12

Um… the anchor element

13

We are not allowed to write the code for you. Please try to delete the extra text and only put the anchor element around the words “cute cats” that was already there. Then show us what you tried.

1 Like
14

What you did was write out cute cats again and surround it with anchor tags. The challege wants you to surround the cute cats text that is already there with the anchor tags.
<a href="url">text</a>

15

like this:

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

<a> is called an opening anchor tag. </a> is called a closing anchor tag. a is called the anchor element.

1 Like
17

This isn’t like the previous anchor elements you’ve written

18

Is this correct . :sweat_smile: :sweat_smile:

19

let me try it and see if it is correct

20

No, it is not correct. You should try making it look like previous anchor elements you’ve written

1 Like