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
please help, i am stuck, i don’t know what to do

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

<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="alt=A cute orange cat lying on its backhttps://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg">

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

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

Link to the challenge:

2

Take a look at the challenge example again

<img src="cat.jpg" alt="A cat">

Notice how after the src ends is when the alt starts. You have tried putting the alt inside the src and that wont work. Take a look at this example, and compare it to what you have. You may need to reset the lesson so you can get the img back to the original code you need first

3

Thank you so much for helping me

1 Like
4

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