Copy link to clipboard
Copied
Copy link to clipboard
Copied
This may help you:
https://www.w3schools.com/html/html_images.asp
Copy link to clipboard
Copied
Alt text shows if the images doesn't load, or if a user hovers over it, or if it needs to be read for accessibility reasons. Otherwise it will not show or be visible in any way. If you want text to be visible next to your image in the browser they you will need to add that text to your page near your image as you want it displayed.
Copy link to clipboard
Copied
#1 Don't use spaces in folder or filenames. It's invalid HTML5 code. You may use underscores_ or hyphens - between words if needed but not spaces.
#2 Alternative text is for accessibility only. The ALT attribute doesn't DO anything except in screen readers or when the image fails to load. See link below for more .
https://moz.com/learn/seo/alt-text
#3 On devices that have a mouse, the TITLE attribute brings up a browser tooltip that's displayed briefly when users hover over the image. However, nothing happens on touch screen devices thus the TITLE attribute is NOT a replacement for actual text captions.
#4 Revised code:
<figure>
<img src="black_trolly.gif" alt="Image of a shopping cart on a black background" title="09/05/2010">
<figcaption>Black Trolly taken on 09/05/2010</figcaption>
</figure>
Copy link to clipboard
Copied
Incidentally, low resolution GIFs are rarely used anymore except for animations such as the ones you see on GIPHY.
For better image quality consider using SVG or web optimized PNG or JPG.
Copy link to clipboard
Copied
Thank you everyone, I have resolve it.
Copy link to clipboard
Copied
Tell us your solution for other people who may have a similar problem.
Also, please choose a correct answer from the replies given.
Thanks,