Learn HTML by Building a Cat Photo App - Step 15

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

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

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

<!-- 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/117.0.0.0 Safari/537.36

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

Link to the challenge:

2

The a tags go around the img tag. Remember when you created the “cat photos” link in the previous steps? You put the a tags around the words “cat photos”. That’s how you turn anything into a link, by wrapping it in a tags. So you need to do the same thing to the img tag.

You might want to reset the step to get the original HTML back. Do not change anything about the existing img tag. Just add the opening and closing a tags to turn the img into a link.

3

Well try buddy, but only need to change little one…

src= <a target="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg"

  1. here src = https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg

Not this one src= <a target=

  1. u need to wrap img into link like below

<a>
<img src="link">
</a>
Hope you understand :blush:

4

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