Learn HTML by Building a Cat Photo App - Step 24

HTML-CSS
1

Tell us what’s happening:

it is saying that i dont have an alt attribute. please help, as i dont understand what im doing wrong

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <section>
        <h2>Cat Photos</h2>
        <p>Everyone loves <a href="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg">cute cats</a> online!</p>
        <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>
        <img src= "https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt= A slice of lasgna 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/132.0.0.0 Safari/537.36

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 24

2

Hi and welcome to the forum :wave:

Watch your spacing and “quotes”. Make sure the spacing and quotes is exactly like this:

<element attribute="url" another="text">

3

Thank you for the help pkdvalis! i fixed my quotation error but it is still saying that i don’t have an alt attribute. is there something else i could be doing differently?

5

hi ,your second img label should A slice of lasgna on a plate.,please try it.

6 
removed by moderator
7

It is great that you solved the challenge, but instead of posting your full working solution, it is best to stay focused on answering the original poster’s question(s) and help guide them with hints and suggestions to solve their own issues with the challenge. How to Help Someone with Their Code Using the Socratic Method

We are trying to cut back on the number of spoiler solutions found on the forum and instead focus on helping other campers with their questions and definitely not posting full working solutions.

8

Do you still have spaces between your = and "quotes" ? Look at my example again. Make sure the spacing is exactly the same. Do you have extra spaces?

Please share your updated code if it still doesn’t work.

no= "not like this"
yes="like this"
9

I apologize for posting the full solution. Thank you for your guidance and for helping me understand the importance of guiding others to find their own solutions. I appreciate your advice and will keep it in mind moving forward.

1 Like