Image Not SHOWING In HTML Error SOLVED | Tutorial 4You | Latest 2023
2Hello Welcome to tutorial 4you channel in this video I will solve this error image not showing in your html.
So the very easy solution to solve this error is to open your image in chrome right click and select open with chrome and copy this path and paste it in your image src and then refresh your page the error is gone and your images is visible but stop you can pause this video and try this it will solve your error but this is not the right way to put and image in html.
If you are a beginner in html watch this video completely and if this video help you solve this error give it a like so there are two way to reference any image or any file in html the first one is absolute path and other is called relative path.
what we have done here is called absolute path and this is not the right approach because think about it for second. This path is your computer path, if you will send this website to any of your friend and if he open this website in his chrome browser will it work? . No . absolutely Not and if you thinking of hosting this website on internet in future then will this absolute path will work? It will not work.
So the right way is to add an image in HTML is to use relative path.
By the way if you want to publish your website freely on internet I have many videos on this topic these are the links.
1)How to Publish Your Website for Free using 000webhost
Link:https://youtu.be/x-xNQ18H-_s
2)How to Publish your Website For FREE | Free Hosting | 000Webhost.com
Link:https://youtu.be/oJK0x1v8WxY
3)Free Web Hosting with PHP, MySQL and cPannel | InfinityFree
Link:https://youtu.be/IDMEVxEyc5U
4)How to Upload Your Asp.Net Project For Free At FreeAspHosting
Link:https://youtu.be/R75QbUD5XLI
5)How To Publish Your ASP.NET Website To Somee com
Link:https://youtu.be/6JwoxPTbmzg
6)How to Create Free SSL Certificate in somee.com using Let’s Encrypt Certification
Link:https://youtu.be/q64dQokxWKs