Learn HTML by Building a Cat Photo App - Step 15

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
I cant seem to wrap the img tag with anchor tag,
Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
      <p>See more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a> in our gallery.</p>
      <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 15

Link to the challenge:

2

I don’t see where you tried in the HTML you posted above.

You wrapped the words “cat photos” in an anchor element in the previous steps. Wrapping an image in an anchor element is done the same way.

1 Like
3

Turning an image into a link is done the same way as turning text into a link which you did in the previous step just as @bbsmooth mentioned. So repeat that previous step but this time surround your img element in opening and closing a tags and put an attribute of href with the value of the webpage you want the img to link to in the opening a tag of your img element.

1 Like
4

Welcome to the community!

Here is an excellent article on turning images and text into links.

I hope it helps you!

Happy coding! :slight_smile:

5

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