How do i turn image into link

** Tells what’s happening:**
Turn the image into a link by surrounding it with necessary element tags. Use https://freecatphotoapp.com as the anchor’s href attribute value.

  **Your code so far**
<html>
<body>
  <h1>CatPhotoApp</h1>
  <main>
    <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" 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/102.0.5005.62 Safari/537.36

Challenge: Step 14

Link to the challenge:

The same way you created a link for the text “cat photos” in the <p> element above the image, you wrap the link tags around it.

A cute orange cat lying on its back. anything wrong here. Saays i should open a element with a tag.

You need to wrap your code in triple backticks so we can see it.

On a line by itself, type three backticks. Immediately under that line paste your code. On a new line below your code type three more backticks. The backtick key on my keyboard is in the upper left above the Tab key and below Esc.

SOLUTION REDACTED BY MODERATOR
This is the solution. Takes me 15 min of thoughts. LOLOLOLOL

2 Likes

thank you, that helped me