Learn HTML by Building a Cat Photo App - Step 15

HTML-CSS
1

How to put a link in an image

Your code so far
<a href: “httpts://freecatphotoapp.com”

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
      <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
 <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg"> <a href:"https://freecatphotoapp.com"</a> 
    </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/106.0.0.0 Safari/537.36 Edg/106.0.1370.52

Challenge: Learn HTML by Building a Cat Photo App - Step 15

Link to the challenge:

2

Do you remember step 12 when you had to turn the words “cat photos” into a link?
This step is very very similar to that. The only difference is that instead of some text that is becoming a link, the img element is the link.
So that means you need an anchor element to make the img into a link.
You can review anchor elements in steps 10-12.

1 Like
4

(post deleted by author)

5

hi there, welcome to the forum.

You are new so you may not be aware of our policy to not post code solutions when someone asks for help because it derails their learning.
I appreciate your sense of community and wanting to help someone else though. (You are welcome to post any hints/tips though)

thanks for your understanding.

6

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