Learn HTML by Building a Cat Photo App - Step 15

HTML-CSS
1

Tell us what’s happening:
I have to turn the image into a link but i keep getting suck. I attempted adding the anchor to the entire image but i got it wrong. Please help

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>

<!-- User Editable Region -->

<a href=https://freecatphotoapp.com img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg">><alt="A cute orange cat lying on its back."></a>

<!-- User Editable Region -->

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

3

Hello !

This is how you turn any element into a link:

<a href="**(Put the link right here)**"> **( The element you wanna turn into a link should be right here)** </a>

Example:
<a href="myhouse"><p>I love my house</p></a>

The opening and closing tag of the element you wanna turn into a link should always be inside the tags of the anchor a element.

2 Likes
4

Thank you so much, I will do that.

5

You’re welcome! Make sure you close the tags properly :wink:.

1 Like
6

is that code is right :

See more cat photos in our gallery.

7

It looks right to me. You should post your code in between the `` marks that appear when clicking on the </> button so that your raw code will be visible.

8

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