Learn HTML by Building a Cat Photo App - Step 9

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

Your code so far
All img elements should have an alt attribute. The alt attribute’s text is used for screen readers to improve accessibility and is displayed if the image fails to load. For example, <img src="cat.jpg" alt="A cat"> has an alt attribute with the text A cat.

Inside the img element, add an alt attribute with this text:

A cute orange cat lying on its back
How to fix it i am confused?

<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= alt="A cute oragne cat.jpg""A cute orange cat lying on its back">

<!-- User Editable Region -->

    </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/109.0.0.0 Safari/537.36

Challenge: Learn HTML by Building a Cat Photo App - Step 9

Link to the challenge:

2

Hello!

The step does not require a new img element to be created. Only that the alternative attribute be placed at the end of the original img element before the closing > angle bracket.

Suggestion: Reset the step and add the attribute and value at the end of the existing img element.

I hope this helps you!

Happy coding! :slight_smile:

3

could you do it for me plz?

4

This is a community where your question, with community guidance (not answers), provides your resolution, and helps build your coding skills.

Here is an article that could be helpful to you.

Happy coding! Wishing you great success.

1 Like