You can use PNG, JPEG or GIF image file based on your comfort but make sure you specify correct image file name in src attribute. Image name is always case sensitive. The alt attribute is a mandatory attribute which specifies an alternate text for an image, if the image cannot be displayed.

Can HTML read PNG?

The tag has 2 required attributes – src and alt. The tag may support (depending on the browser) the following image formats: jpeg, gif, png, apng, svg, bmp, bmp ico, png ico.

Why is my PNG not showing in HTML?

Right click on the image and select properties. Then if you find an option “unblock” then click on it (sometimes computer blocks some images, hence on the google chrome or internet explorer it won’t display) Check the following details are correct a)syntax of html b)path name c)file name d)extension of image.