Learn HTML by Building a Cat Photo App - Step 12

Tell us what’s happening:

I have added my opening and closing anchor tags but my code isn’t passing. I’m not sure how to fix my problem.

See more cat photosin our gallery.<a href="https://freecatphotoapp.com"

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

<!-- User Editable Region -->

      <p>See more in our gallery.<a href="https://freecatphotoapp.com">cat photos</a></p>

<!-- User Editable Region -->

      <a href="https://freecatphotoapp.com">link to cat pictures</a>
      <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_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/116.0.0.0 Safari/537.36

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 12

The text should read “See more cat photos in our gallery.”

1 Like

Yeah sorry I forgot to mention I did type that. This is the current code I’m working with:

See more cat photos in our gallery.<a href=:https://freecatphotoapp.com

The a element should be around the text “cat photos” in your p element

So should I add “cat photos” before I close my a and p element ?
Like this:

<p>See more cat photos in our gallery.<a href="https://freecatphotoapp.com">link to cat photos</a></p>

Please click reset again.
This time, count how many words there are in the p element.
I counted 7 words.
The anchor tag is supposed to go around words 3 and 4 (cat photos).

So it shouldnt be (p)see more cat photos in our gallery(p) ?

Hey Buddy, See here this is the correct p tag in instructions

<p>See more cat photos in our gallery.</p>

Now think where you need to add your anchor tag.

Think and do implement.

1 Like

it really is exactly what I am saying to you. Please follow the steps.
1- click reset (this will restore the code)
2- count the words you see inside the p element (I counted 7)
3- add your opening anchor tag to the left of the 3rd word (cat)
4- add your closing anchor tag to the right of the 4th word (photos)

done.

Here is the example code:

<p>I think <a href="https://www.freecodecamp.org">freeCodeCamp</a> is great.</p>

If we revert to what it was before the link was added, it would be:

<p>I think freeCodeCamp is great.</p>

This is the paragraph you are asked to change:

<p>See more cat photos in our gallery.</p>

The two words cat photos should be the link text, just as freeCodeCamp is in the example code.

3 Likes

Life saver. Thank you so much. This I understand !

1 Like