Learn HTML by Building a Cat Photo App - Step 9

HTML-CSS
1

Tell us what’s happening:
I don’t understand the alt part of step nine its a little difficult for me to understand. Can someone help me understand this part please .

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
      <p>Click here to view more cat photos.</p>
      <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back ">
    </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/106.0.0.0 Safari/537.36

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

Link to the challenge:

2

That looks good to me but you should remove the extra space at the end.

Alt stands for alternative. It is what you would read or “hear” for eg if you were unable to see the image (whether because of an issue with the website loading it or because you have vision issues)

3

thank you so much for the help i appreciate it .

1 Like