iam unable to view image it is
Make sure that your src attribute for <img> is correct.
There could be several possibilities for showing up broken image on your page such as: The image file is not located in the same location that is specified in your img tag. The image does not have the same file name as specified in your img tag. The image file is corrupt or damaged.
please share the screenshot of your code
May be your image file is deleted or you entered the name with wrong spelling.
check it once.
can you plese tell me the reason why iam not getting
Your code is correct and also the address and name looks correct I think there’s some issue with the image or something. Please can you try downloading another image and embed it.
Though I tried the same code and all and its working for me still I suggest you to delete this image and try embedding another one.
To get the image,either enter the full address of the location where the image is saved or keep the image and the html file in the same location and make sure the image name is correct
try different format of image like .png or .jpg and keep the image file in same folder where your index.html as you did not provided any path to image so it will look only and only the root of folder where your index file is
The reason the (.webp) image not showing is that the version of browser you are using might be outdated. Only the versions from Chrome 23 to 67 supports WebP image format completely. The other versions only partially supports this format.
So, you can either convert the image format to .jpg (or .png) or try updating the Chrome browser.
You can change the image format while downloading. When you click the Save Image As option, change the Save As Type to All Files and add .jpg or .png extension to file name. Save it to the same folder as the HTML file located to avoid mentioning the full path.
One of the most common reason for this problem is not providing the correct path of the image you want to insert in the html page.
First of all provide the correct path of the image file in the img tag inside the src.
It would be better if you would save the image file in the current working directory.
The other reason could be that you have used incorrect name of the image file in src.
The image of a basic code to insert the Bolt IoT logo in a HTML page is also added for reference.
the image needs to be a .png or a .jpeg file. It is stored as a .webp.
When you use webp like any image using the following code
It may not always be supported. Check out this link to see the browsers that support it
I suggest the following
1 save the file as .png or .jpeg in the same folder where the html page is stored or
2 use the following picture tag
picture>
source srcset=“img.webp” type=“image/webp”>
source srcset=“img.jpg” type=“image/jpeg”>
img src=“img.jpg”>
/picture>
Add a less than sign < before each line. I have removed it on purpose as the code wasn’t visible