Learn HTML by Building a Cat Photo App - Step 24

HTML-CSS
1

Tell us what’s happening:

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

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>catnip</li>
          <li>laser pointers</li>
          <li>lasagna</li>
        </ul>
        <img><src="https://cdn.freecodecamp.org/curricum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate."></src>

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

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 24

2

Hi there and welcome to our community!

Your syntax for adding an attribute isn’t quite correct:

Compare it with other attributes elsewhere in your code. The attribute should be inside the opening tag of the element to which it applies, and does not require angle brackets or other syntax, only attribute="value".
Essentially you have tried to treat the src attribute as an HTML element, when it should just be placed inside the img tag (as with other elements in your code).

1 Like