Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
1

Tell us what’s happening:

i have no idea how to turn words in the

attribute to a hyperlink. for example ‘the cat jumped’ but cat is the hyperlink. this is what i have right now.:

See more <a href= "https://exterurl.com> cat photos In the gallery

. Please help

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
      <p>See more cat photos in our gallery.</p>

<!-- User Editable Region -->

      <pSee more <a href= "https://freecatphotoapp.com"cat photos > </a> in our gallery/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/124.0.0.0 Safari/537.36

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 12

2

hi and welcome to the forum.

Please click the reset button so your challenge code can be reset for this step.
After that, please read the post below and try to follow the guidance

3

Hi there. You need to remember to close the opening tags of your HTML elements, otherwise they will not function properly.

Let’s take the example in the problem.

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

The paragraph element opening tag (<p>) closed and everything they wanted directly inside the element inside the opening tag.

Attributes like href go inside the opening tag and stay there set equal to the values. Then inside of the a opening tag and closing tag, there is the text you want to display inside the element. Those words when clicked will lead you to whatever url the href is set to.

Lastly, I would recommend closing the closing paragraph tag (</p>) as the paragraph (p) element will not know where it ends.

Does this help?

1 Like