Learn HTML by Building a Cat Photo App - Step 9

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 cat photos in our gallery.</p>

<!-- User Editable Region -->

      <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg">
      <img src="orangecatrelaxibg.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 (Linux; Android 10; K) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/119.0.0.0 Mobile Safari/537.36

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 9

Welcome to the community @bea.murillo42 !

It appears there are two img elements in the code provided.

Below is what we start with at the beginning of this step.

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

We are asked to add the alt attribute with its value "A cute orange cat lying on its back." to the end of the existing img.

This should be done by leaving a space after the url in the img and adding the alt attribute and its value inside the closing > bracket.

Happy coding!

Welcome to the forum community @bea.murillo42 :wave:

You have done exactly what you gave in the example.

But you need to add alt attribute to the img tag in it.

Like:

<img src="image url" alt="alter text">

Don’t add another img tag.

Happy Coding :star_struck:

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