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

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

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 12

Hello. Welcome to our forum.
Do not create a new text, use the existing one. It’s in the paragraph element.

1 Like

Welcome to the community @nhnururul8002 !

To turn the text into a link we need to place the anchors on each side of the the text.

Here is the example from the step, which is an excellent example.

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

Notice how the anchor touches freeCodeCamp on both sides to create the link which appears like the following when displayed as the link.

I think freeCodeCamp is great.

Please note how nothing has been changed, added, or deleted within the p element.
Only the anchor has been added.

I am including a link to an article found in FCC News that explains turning both text and images into links. It will be useful along this coding journey, with its great explanations and examples.

FCC News Article Turn Image and Text Into Links

Happy coding!

1 Like

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