Build a Cat Photo App - Step 14

HTML-CSS
1

Tell us what’s happening:

I have done what it says and it still says there should be only one instance of cute cat in the code.

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:

Build a Cat Photo App - Step 14

2

Welcome to the forum :wave:

How many times do you have the words “cute cats”?

3

This was how i wrote the code:

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

4

once
i wrote in the anchor text

5

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 (').

6

“cute cats” appears twice here.

Put the achor tags around the “cute cats” in the sentence, don’t add it again after.

Look at the website preview. It should just say:
Everyone loves cute cats online!

It should not say:
Everyone loves cute cats online!cute cats

7

i still dont understand this please

8

Here’s a sentence:

Please click this link.

Please click this link.

You want the word “this” to be a link to another website so you wrap it in an anchor tag.

Please click <a href="http://url.com">this</a> link.

Please click this link.

See, I only have the word “this” once?

More examples and details here:
https://www.w3schools.com/html/html_links.asp

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

After i inputted this code it is still saying “The anchor text should be cute cats”.

i dont understand this coz its confusing me now``

10

Your anchor text is “cute cats online!”

11

i even tried this:

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

it still says: The text of the p element should still be Everyone loves cute cats online! .

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

Where is the “online!” ?

13

I removed it since it said that the anchor text should be only “cute cats”

14

i am confused at this point, is this how hard it is to code?

15 
Please click <a href="http://url.com">this</a> link.

Please click this link.

In the example above, the anchor text is “this”, but I still have the word “link” after the anchor closing tag </a> to complete a sentence.

16

If you are learning to code for the first time, it’s difficult to learn something brand new.

Learn a little bit everyday and you will get used to how things work :+1:

17

i have later gotten the correct code from a friend.
This is the correct code

code removed by moderator

For those having the same problem like mine .

18

you should really try to reach the solution on your own

I am removing the solution from your post, you did not come up with it on your own and sharing solutions is not allowed