Learn HTML by Building a Cat Photo App - Step 12

Tell us what’s happening:

Describe your issue in detail here.

I have to turn turn a text into a link, such as the text inside of a p element but i dont know how to doit. can anyone help

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 cat photos in our gallery <a href="https://freecatphotoapp.com">cat photos<a/></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 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/121.0.0.0 Safari/537.36

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 12

You appear to have created this post without editing the template. Please edit your post to Tell us what’s happening in your own words.
Learning to describe problems is hard, but it is an important part of learning how to code.
Also, the more you say, the more we can help!

Welcome to the forum @mikj2

The anchor element needs to nest the target words in the paragraph element.

You modified the text by adding the words cat photos.

Please reset the step to restore the original code.

Then place the opening anchor tag before the word cat in the paragraph element.

Then close the new element by placing the closing anchor element after the word photos.

The tests are very specific about spacing and text, so do not alter any of the existing code not asked for in the instructions.

Happy coding

1 Like