Learn HTML by Building a Cat Photo App - Step 9

HTML-CSS
1

Tell us what’s happening:
De 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 backscribe your issue in detail here.

Your code so far<alt"A cute orange cat lying on its back"

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

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

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

Link to the challenge:

2

<img src="cat.jpg" alt="A cat"> this example you gave in the heading is correct, so you need to follow the same format.

3

A cute orange cat lying on its back

where is a probleme?

4

If you have a question about a specific challenge as it relates to your written code for that challenge and need some help, click the Ask for Help button located on the challenge (it looks like a question mark). This button only appears if you have tried to submit an answer at least three times.

The Ask for Help button will create a new topic with all code you have written and include a link to the challenge also. You will still be able to ask any questions in the post before submitting it to the forum.

Thank you.

5

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