<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>
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.102 Safari/537.36.
Following the instructions, find the <p> elements in the code.
On the line before those, put an img element, so something like <img>.
Then, following the instructions, add and src attribute to it. So, it will look something like:
except that it tells you that the src should be https://bit.ly/fcc-relaxing-cat.
Add an alt attribute. This is just a string to say what the image is. There are many things it could be. So, you’ll end up with something like:
<img src="https://the.path/the-image" alt="a description of the image">
If you do that, and change the src to the correct url and give it a meaningful alt, it will pass. It does for me. Technically it doesn’t check what your alt string is, it just checks if there is any string there, but it’s a good habit to get into to provide a meaningful alt text, like “relaxing cat”.
I don’t know how to help you more than that without giving you the answer. But please don’t get frustrated - this is confusing stuff if you’ve never done it before. If you’re still stuck, please cut and paste the exact code that is failing so we can tell you exactly what is wrong with it.
They are attributes that tell the computer about the image. The “src” is the “source” - the place (the local file name or the internet address) to find the image to show.
and also what is alt attribute
The “alt” (short for “alternate”) tells the computer what to display if the image can’t be found. If it can’t find the image it will display that text instead so the user will have an idea what the image should have been. It’s also helpful if a visually impaired person is using a screen reader, so they can know what the image is representing.
In the example provided:
<img src="https://www.your-image-source.com/your-image.jpg" alt="Author standing on a beach with two thumbs up.">
The location of the image (“source” or “src”) would be “https://www.your-image-source.com/your-image.jpg” and the alternate text (“alt”) would be “Author standing on a beach with two thumbs up.”.
You need to do the same thing as in that example img (short for “image”) but change the src and alt to meet the requirements given. You can literally cut and paste that example and change the src and alt.