What is alt attribute it's not working for me

HTML-CSS
1

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

  **Your code so far**


<h2>CatPhotoApp</h2>
<main>
<imgscr="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" 

<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
</main>

  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/99.0.4844.74 Safari/537.36

Challenge: Add Images to Your Website

Link to the challenge:

2

Alt attribute only displays when your image fails to load.

3

what is an alt attribute ?

4

When running the test the failing message says;
Your page should have an image element. Your image should have a src attribute that points to the kitten image. Your image element’s alt attribute should not be empty.

The lesson provides examples of how to add both the src and alt attribute.
Looking at your code you have this
<imgscr=
There needs to be a space between the img tag and the src attribute.
Plus, the src attribute needs to be spelled correctly.

You did not provide an alt attribute as instructed.

FCC uses the Read Search Ask method. You can search for additional information about what the alt attribute is by searching for something like html alt attribute. The first result comes back with a link that has this explanation.
Hope that helps.

5

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