Help on the Cat Photo alt=

HTML-CSS
1

Like many others with this cat photo, I am stuck on the <alt=relaxing cat.> It keeps saying “alt attribute cannot be empty” … but it’s not empty. Why is it saying my alt attribute is empty when it isn’t??

Your code so far


<h2>CatPhotoApp</h2>
<main>
<img src=https://bit.ly/fcc-relaxing-cat alt=Relaxing cat.>

<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/81.0.4044.138 Safari/537.36.

Challenge: Add Images to Your Website

Link to the challenge:

2

You didn’t correctly follow the syntax for adding the url or alt:

<img src="https://www.your-image-source.com/your-image.jpg" alt="Author standing on a beach with two thumbs up.">

You need quotes.

2 Likes
3

The values that you assign to attributes will always be surrounded by quotes.

<element someattribute="I'm being assigned to the attribute"></element>