Learn HTML by Building a Cat Photo App - Step 12

Tell us what’s happening:
Describe your issue in detail here.

Your code so far
Good day friends, If I open the

tag the words on the window will not complete. Then I have tried to link href value on difference position on

element but not work.

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

<!-- User Editable Region -->

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

<!-- User Editable Region -->

      <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/112.0.0.0 Safari/537.36

Challenge: Learn HTML by Building a Cat Photo App - Step 12

Link to the challenge:

Your anchor element should only enclose the words “cat photos” then add a space between more and the opening anchor element, a space at the end of your closing closing anchor tag and a space between cat and the link.

Thank for your good information, I have put space still not work

The instruction: " In the text of your p element, turn the words cat photos into a link…"

Restart step.

In the existing sentence between ‘p’ tags, surround the words “cat photos” with the anchor tags. Take a look at the code line below this in question to see how it should be done.

Sorry I did not see any code line below your sentence

This is an example of how you can turn a text (or a few words) into a link. In the first line surround only the existing words “cat photos” with anchor tags.
If you don’t see these code lines, restart step.

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

Above is my set up but still not get it.

Slash comes before the a

Tell us what’s happening:
Describe your issue in detail here.

Your code so far
Good friends I still don’t get it where to put the linking text “cat photos” really hard since yesterday.

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

<!-- User Editable Region -->

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

<!-- User Editable Region -->

      <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/112.0.0.0 Safari/537.36

Challenge: Learn HTML by Building a Cat Photo App - Step 12

Link to the challenge:

you just need to close the first part of the a tag after the link

I would reset the code. Don’t add cat photos everywhere on the page. Only add an opening anchor tag and a closing anchor tag. Add nothing else to the page.

Here is an opening and closing anchor tag you have written:

all your a tags are not clsed proberly and the white space around the text will also cause the tests to fail

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.