Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
1

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 -->

      <p>See more <a="cat photos"></a> in our gallery.</p>
      <a href="https://freecatphotoapp.com">link to cat pictures</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/115.0.0.0 Safari/537.36

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

Link to the challenge:

2

Hi, please next time tell us what you don’t understand in your own words as it will make it easier for you to access help.
For the code, you were told that 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.

What you did above is incorrect, you were supposed to write your a tag after the See more which is in a p element; which you did and write your 'href` attribute with the link given to you as the value and after writing the link close it with a > then after the cat photos close the anchor tag.

1 Like
3

Look at the link you previously created:

<a href="https://freecatphotoapp.com">link to cat pictures</a>

Do you see how you turned the words “link to cat picture” into a link by wrapping them in an opening and closing a tag. You want to do the same thing to the words “cat photos” in the p element.

2 Likes
4

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