Step 14, I'm stuck can someone help?

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
I’m supposed to 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="https://freecatphotoapp.com">
  </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/101.0.4951.67 Safari/537.36

Challenge: Step 14

Link to the challenge:

2

That is correct, you want to turn the image into a link. Do not make any changes to any other elements in the HTML. You just want to surround (or wrap) the image with the appropriate tags to make it act as a link. Do you know what tags you would use to do that? There is an example in the <p> above the image.

1 Like
3

Oh okay I see, I believe the tags would be () ? Correct me if I’m wrong, I just can’t seem to put them in the appropriate place.

4

I can’t see what tag you typed in above but you already created a link in the <p> above the image a few steps back, so you would want to use the same thing for the image.

In the <p> you made some text (“cat photos”) a link by wrapping it in the appropriate link tags. So now you want to make the image a link by doing the same thing. The only difference here is that in the <p> you were wrapping text and now you want to wrap an image. But the concept is exactly the same.

1 Like
5

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