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

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

<!-- User Editable Region -->

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

<!-- 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/110.0.0.0 Safari/537.36

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

Link to the challenge:

Welcome to our community!

In the text of your p element, turn the words cat photos into a link to https://freecatphotoapp.com by adding opening and closing anchor (a ) tags around these words.

You already have the p element
If you want to turn text into a link follow the rule:

<a href="url">text</a>

Restart the step.

In the given sentence:

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

only the words “cat photos” should be wrapped in anchor tags.

This is what you started with:

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

This is what you have now:

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

You should not modify the second line of code, only the first. Why have you added <p> tags to the second line? You’ve also modified the text in this line.

You’ve changed the <p> tags in the first line into <a> tags. Why? You have correctly nested the text ‘cat photos’ inside <a> tags however (though the opening tag is invalid without a space before ‘href’). You should have a space after the word ‘more’ however, otherwise the text will read ‘See morecat photos in our gallery.’

TLDR: It may be easiest to reset this step and start again. Don’t modify the second line of code. Only add <a> tags (with the href attribute) around the words ‘cat photos’, being mindful of spaces. That’s it.

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