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

   <a href="https://freecatphotoapp.com"</a> <img src="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/113.0.0.0 Safari/537.36 Edg/113.0.1774.57

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

Link to the challenge:

2

Please 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

There are 2 errors here:

  1. you forgot to close the a tag
  2. The alt=“” is supposed to be inside the opening img tag
4

This step wants me 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.”

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

The hint says I should only add one opening (a) anchor tag.

6

So, in your line here the closing anchor tag </a> needs to come after the end of the img. You want to wrap the img in the anchor tag, but right now you just have a link before the img begins.

Then you want to fix the alt. The alt needs to go in the img tag which you can see here

7

You need to add the closing anchor tag after the img

8

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