Tell us what’s happening:
Describe your issue in detail here.
i have been stucked here for more than a week now please help me out step 9,
Your code so far
<!-- TODO: Add link to cat photos -->
<p>Click here to view more cat photos.</p>
<img src= "cat.jpg" Alt src= "A cute orange cat lying on its back">
Your browser information:
User Agent is:
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/126.96.36.199 Safari/537.36
Challenge: Learn HTML by Building a Cat Photo App - Step 9
Link to the challenge:
let’s try to get you on track.
First thing to do is please click on the Restart Step button and go ahead and reset this step. (to return all the code back to the start).
Then we are presented with this line of code:
This is an image element as you may already know.
What we want to do to this image element is to add some useful information to it so that if a person who cannot see it looks at it, they can at least read a description of what this image is about.
To do this we need something called an “alt” tag which stands for “alternative” I believe. (so it present an ‘alternative’ text for people who cannot see the image)
So to add this, we just need to find an empty spot inside the img tag and start typing into it the word “alt=”
Then after you type the equal sign, put some double quotes (2 of them).
And between the 2 quotes, put the text of the alt given in the exercise (the words that describe the picture).
The final result should be very similar to:
<img alt="alternative text" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg">
But instead of “alternative text” use the sentence the exercise gave you.
Hopefully this gets you going.
This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.