Omitted text or typo

Hi,

can someone tell me where I have a typo ‘cat photos’? i’ve been stuck on this for a couple of days. The error I receive is “The link’s text should be cat photos . You have either omitted the text or have a typo.” I don’t see where cat photos is a typo. cat photos is there and I don’t see how it is a typo.

Thank you.

  **Your code so far**

<html>
<body>
  <h1>CatPhotoApp</h1>
  <main>
    <h2>Cat Photos</h2>
    <!-- TODO: Add link to cat photos -->
     <p><a href="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" target="blank">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 10_13_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/101.0.4951.67 Safari/537.36

Challenge: Step 12

Link to the challenge:

The whole text is supposed to read “Click here to view more cat photos.” with the words “cat photos” being a link. You must have removed the “Click here to view more” section at some point.

Thank you. That still does not work for me.
I changed from “cat photos” to “Click here to view more cat photos”. Still give same the same error

“The link’s text should be cat photos . You have either omitted the text or have a typo.”
This is the code:

Click here to view more cat photos.

I cannot see your code in this reply. To show code on a forum post you need to wrap it in three backticks (```).

However, looking at the link you provided I can assume you nested the anchor element within the p element you just have it in the wrong place. Try shifting the anchor element over so it only encompasses the words “cat photos”.

This is my code

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

This is your current code.

This is the code that you initially had.

In your initial code do you notice the difference of the way the <a href="..."></a> is set up? This is the proper way.

You now have the correct text back within your <p> element so that is good. However, try using the code you initially had in conjunction with the text in the <p> element.

If it helps, think of it as the way you will read it. You would first read “Click here to view more” as plain text. Then, you would read “cat photos” which also happens to be a link. The total text would read as “Click here to view more cat photos.” but only the words “cat photos” would be clickable.

1 Like

This is very helpful and clearly explained. Thank you.
However i have tried everything possible with rearranging, google searches, and your excellent clear explanations but I still have the same error and am concluding that I am just not cut out for comprehending this markup language. I am literally dizzy from this. If it takes me this long to figure out what to say and how to say it in this markup language of html, I am truly amazed how others comprehend and do it. Nice job to those of you.

I would love to offer you some tip of some sort for your clear direction.

But i have to call it quits here. No fault of you or others by the way. Just want to say thank you very much again.

valut

I don’t recommend giving up just yet. It can be very frustrating learning these concepts and not everyone learns at the same speed or in the same way. Asking questions and understanding is part of the learning process. I will attempt to assist you further without giving you the answer.

As I stated, try to think of it the way you would read it. For example:

<p>This text is not clickable however, <a href="url">this text is</a>.</p>

This line would read:

This text is not clickable however, this text is.

I gave it another shot. I still have the same error message.
this is the code base on what you explained to me without revealing the answer.

<p><a href="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" href="blank">cat photos</a></p>

tried with this option as well:

</p>```

You are extremely close. You are just missing some text in the p element before the words cat photos. The text you are missing is “Click here to view more”. Follow my above example where I demonstrated it with the clickable link and add the appropriate text.

OMG! Writing it in a sentence WITH the comma helped me see the logic. Thanks!

Very nice bigarsnl! Glad you got it.

Have you gotten it @valut?

Uggh, Also tried with this: Sadly, same error

<p><a href="Click here to view more cat photos" <a href="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg"<"cat photos">

actually error is slightly different this time.

“Your code should only contain one anchor (a) element. Remove any extra anchor elements.”

Reference this to see how it should be written. You know how to write the (a) anchor element. You are just struggling with the placement of it.

You got the error you got this time because you have two anchor tags

Is the first one and

Is the second one. Also neither of them nor your <p> element are closed currently.

Try clicking the Restart Step button at the top center of the page and following the instructions to add the anchor element while referencing this:

<p>This text is not clickable however, <a href="url">this text is</a>.</p>

This is its output:

This text is not clickable however, this text is.

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

Sorry, your code does not pass. Keep trying.

The link’s text should be cat photos . You have either omitted the text or have a typo.

So just a minor error. You have the words cat photos twice. Delete the first instance of the words and the comma after them and you should pass the test.

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

got rid of the comma and I don’t see the second instance of cat photos.

Still won’t pass. Sorry…

Add a space between more and <a here.

And add a period here between the two closing tags