Learn HTML by Building a Cat Photo App - Step 9

HTML-CSS
1

Tell us what’s happening:

my alt attribute isnt working at all its not even shoeing up in my preview, i put in the same line as the img code but its still not working

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
      <p>Everyone loves cute cats online!</p>

<!-- User Editable Region -->

      <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg"alt="a cute orange cat laying 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/140.0.0.0 Safari/537.36

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 9

2

the alt attribute does not show in the preview usually, it appears if the image did not load, or it’s read by screen readers

for why it’s not passing, check the capitalization

3

Hello @alexhills5550 ! Welcome to the forum!

Great attempt!

Along with the good advice provided in the previous post, there is a space missing before the alt attribute so it is being read as

But, should be like this example:

<img src="someurl" alt="Some image.">

This is an easy mistake we all make at times.

Keep up the good progress! :slightly_smiling_face: