Learn HTML by Building a Cat Photo App - Step 15

HTML-CSS
1

Tell us what’s happening: unable to resolve the challenge in step15.
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>Click here to view more cat photos.</p>
          <a href="https://freecatphotoapp.com" 
    img src ="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg." </a> 
    </main>
  </body>
</html>

Your browser information:

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

The error message below was provided. however go through the list of possible errors, it appears i have all the issues addressed based on my current code.

You should have animgelement with ansrcvalue of https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg. You may have accidentally deleted it. Your anchor (a) element should have a closing tag. Closing tags have a/just after the<character. You should only add one closing anchor (a) tag. Please remove any extras. Yourimgelement should be nested within the anchor (a) element. The entireimgelement should be inside the opening and closing tags of the anchor (a) element.

4

This isn’t a valid image element. You should make zero changes to the img element, but you deleted the <> around your img element.

This is not a valid opening anchor tag because it does not have a >

1 Like
5

My apologizes but i don’t think i am quite understanding you. This is how my current code appears.

Click here to view more cat photos.

        <a href="https://freecatphotoapp.com"
         <img src ="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing- 
         cat.jpg."</a>
6

This tag still lacks a >

This element also lacks a >

7

Screenshot 2022-10-22 125134
Screenshot 2022-10-22 1251341073×178 15.9 KB

8

Please don’t post pictures of code. They are hard to read.

You keep deleting and adding < and > randomly. Don’t do that.

Every single HTML tag must have a < and >

If you don’t have one of each, the tag is wrong.

9

I appreciate your feedback, however, none of your comments have actually helped me resolve my current issues.

10

What is your current code? Did you try putting a < and a > on literally every html tag?

Here I told you exactly what you needed to change.

Here I also told you exactly what to change.

Do you know what an HTML tag is? You do know what a < and a > character are?

11

the code is not showing on the screen but i do have both the opening and closing tags on both the image and the link. And is appears that you are saying the same thing – that i am missing it hence the error but they are they. That’s why i had attempted to show the screen shot but got yelled at

12 
 <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
      <p>Click here to view more cat photos.</p>
       <a href="https://freecatphotoapp.com">
        <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg">
    </a>

    </main>
  </body>
</html>
13

This is looking good now.

But you shouldn’t have changed this element.

14

when I copy and paste this section or your code into the challenge, I am able to pass it.
If you are not able to pass, try to restart the step, then copy and paste the code from here and hopefully it will work.

15

Thank you @hbar1st @JeremyLT for your help. I was able to pass it once i restarted the step.

2 Likes
16

Honestly, Jeremy did all the work here.
All the best on the rest of your learning journey.

17

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