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 <a href="https://freecatphotoapp.com"><src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg">

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

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 15

2

You appear to have created this post without editing the template. Please edit your post to Tell us what’s happening in your own words.
Learning to describe problems is hard, but it is an important part of learning how to code.
Also, the more you say, the more we can help!

3

how to turn image into a link
some docs…

4

Welcome to the community @vasanthi !

This step asks us to turn the img into a link.

This is done by placing the opening anchor tag before the opening anchor <.
It is important to include the href attribute and its value “url” which are provided in the instructions, into the opening anchor tag.

The closing anchor tag should come after the closing > for the img.

The above is a quote from within your current code that can be used as a reference on how to place the anchor tags around the img, just as you did with the cat photos
The above anchor would not work on the image.
The correct information is within the instructions.

I hope this helps you move on in your coding journey.

5

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