Learn HTML by Building a Cat Photo App - Step 22

Tell us what’s happening:

Describe your issue in detail here.

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <section>
        <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>
        <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
      </section>
      <section>
        <h2>Cat Lists</h2>
        <h3>Things cats love:</h3>

<!-- User Editable Region -->

        <ul>
          <li>cat nip</li>
          <li>laser pointers</li>
          <li>lasagna</li>
        </ul>
        <img scr="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate."
        

<!-- User Editable Region -->

      </section>
    </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/120.0.0.0 Safari/537.36 Edg/120.0.0.0

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 22

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!

I am getting problem in creating an new image with scr attribute value set to: https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg
The image is not showing up.
And the hints says: The new image does not have an src attribute. Check that there is a space after the opening tag’s name and/or there are spaces before all attribute names.

Hi, I guess there is a spelling error. Did you figure out the problem?

You never close the img >

Its also src and you have scr

1 Like

But img is self-closed element?

Be sure to check if everything is spelled properly!

<img scr="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate."

No there is not any spelling error @oxide94Git and @andrejevics33 . And I have not get the solution

And hints says: The new image does not have an src attribute. Check that there is a space after the opening tag’s name and/or there are spaces before all attribute names.

self closing means you don’t need the closing tag, like you don’t write </img>, but you still need a whole opening tag, you are missing the >

Actually, there is spelling error in this line of code. Try to find it!`

`

yeah, you don’t have src, you have scr, that’s why it doesn’t work

1 Like

you need to add the > to complete the img tag, remember that a [opening] tag looks like <elementName attribute="value">

Ok thank you soo… much @ilenia it help me

Thank you soo… much @ilenia
Thanks to you also ( @anon42932716 ) your suggestion also helped me.

Sorry for not understanding you @Cody_Biggs before
And thanks to all of you for supporting me.

Welcome back, after a long time :blush:

1 Like