Html 我的浏览器上没有显示我的jpg和png图像?

Html 我的浏览器上没有显示我的jpg和png图像?,html,image,png,jpeg,Html,Image,Png,Jpeg,所以我有一个徽标,我想在我的浏览器中用HTML显示,我试过用jpg和png,但都不管用。她是我的密码: <html> <body> <head> <title>astro blog pro</title> </head> <img src="Astro Blog Pro Logo.png" /> </body> </html> 必须

所以我有一个徽标,我想在我的浏览器中用HTML显示,我试过用jpg和png,但都不管用。她是我的密码:

    <html>
  <body>

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

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

   </body>
</html>

必须将alt属性添加到img标记中。为了使图片正常工作,如果找不到src图像,则必须有一个可供选择的图像或名称来显示

像这样:

<img src="img.png" alt="This is my image" />
当使用alt属性时,可以根据需要为其命名。因为alt代表替代品

它可能不起作用的另一个原因: 图像可能与HTML文档不在同一文件夹中。您应该将所有文档移动到同一文件夹中

如果您使用的是在线IDE,则没有解决方案,因为您只能使用带有URL的在线图像。

首先:您的标记中有一个标记,该标记在所有HTML标准中都是invaild。您应该阅读html文档结构的基础知识

您可以检查您的语法,例如,这里有很多语法检查器,如果您使用Linux,也可以检查命令行

这应该起作用:

<!DOCTYPE HTML>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" >    
    <title>astro blog pro</title>
  </head>
  <body>
    <img src="Astro_Blog_Pro_Logo.png" alt="put image description here"/>
   </body>
</html>
顺便说一句:不要使用空间,因为它将由浏览器解析,空间映射到%20,这样Astro博客将成为Astro%20Blog


请参阅:

您不必选择格式,您必须将确切的名称与确切的格式放在一起。所以去检查一下,我改了,它还是不工作,所以,你把这个html页面放在一个文件夹里,图像在同一个文件夹里吗?什么?对不起,我对htmlIt真的很陌生。这不是一个html问题,只是你把文件放在同一个文件夹里了!alt属性用于在文件无法显示的情况下显示替代文本阅读第一段没问题^_^