Learn HTML by Building a Cat Photo App - Step 12

Describe your issue in detail .
A newbie here and I’m stuck , my task was to turn the words cat photos into a link by adding opening and closing anchor (a ) tags around these words. Then set the href attribute to https://freecatphotoapp.com. I need some insights.

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/118.0.0.0 Safari/537.36

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 12

1 Like

this is the link to cat pictures, do the same to cat photos

2 Likes

Hi @punithraj551
Anytime you create a link,the text goes in between the opening and closing a tags like so

<a href="#">Link text</a>

The href and the target attributes goes inside the opening anchor(a) tags.

2 Likes

Hello and welcome to the community @punithraj551!

Here is an article, by one of the leaders, from FCC News category that explains, along with great examples, how to turn both text and images into links.

FCC News Article Turn Image and Text Into Links

It can be helpful, not just now, but for future lessons where images need to be turned into links, and many other lessons where creating links are required.

Happy coding.

2 Likes