Search code examples
htmlimagepngjpeg

My jpg and png image is not showing on my browser?

So I have a logo that I want to show in my browser in HTML, I have tried it as a jpg and a png, neither work. Her is my code:

    <html>
  <body>

    <head>
    <title>astro blog pro</title>
    </head>

    <img src="Astro Blog Pro Logo.png" />

   </body>
</html>
Solution

  • You must add the alt attribute to the img tag. In order for the picture to work properly, it must have an alternative image or name to display if it can't find the src image.

    Like so:

    <img src="img.png" alt="This is my image" />

    When using the alt attribute, you can name it whatever you want. As alt stands for alternative.

    Another reason it might not work: The image might not be in the same folder as your HTML document. You should move all of your documents into the same folder.

    If you are using an online IDE, then there is no solution as you can only use online images with a URL.