Got stuck at adding image to my website. Need Help,

dear friends, what is the problem that I keep receiving the same response which is" Your image element’s alt attribute should not be empty".

The question was: Let’s try to add an image to our website:

Within the existing main element, insert an img element before the existing p elements.

Now set the src attribute so that it points to this url:

https://bit.ly/fcc-relaxing-cat

Finally, don’t forget to give your img element an alt attribute with applicable text.

and the writing below was my answer.

Your code so far


<h2>CatPhotoApp</h2>

<main>
<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>
<image src="https://bit.ly/fcc-relaxing-cat" alt="A business cat wearing a necktie.">
<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 6.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/86.0.4240.111 Safari/537.36.

Challenge: Add Images to Your Website

Link to the challenge:

The example given for how to write an image tag is this:

<img src="https://www.freecatphotoapp.com/your-image.jpg" alt="A business cat wearing a necktie.">

You have this:

<image src="https://bit.ly/fcc-relaxing-cat" alt="A business cat wearing a necktie.">

Can you see the difference?

1 Like

Use “img” not “image”

1 Like

yes, thanks gordon;)

thanks david. that was it. :wink: