我的jpg和png图像未显示在我的浏览器中?

问题描述 投票:-3回答:2

所以我有一个要在HTML浏览器中显示的徽标,我已经尝试过将其作为jpg和png来使用,但这两个都不起作用。她是我的代码:

    <html>
  <body>

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

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

   </body>
</html>
html image png jpeg
2个回答
-2
投票

您必须将alt属性添加到img标签。为了使图片正常工作,如果找不到src图像,则必须显示备用图像或名称。

例如:

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

使用alt属性时,您可以随意命名。如alt表示替代。

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

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


0
投票

首先:您在<head>标记内有一个<body>标记,该标记已被使用(在所有HTML标准中)。您应该阅读有关html文档结构的基础知识。

例如,您可以检查语法https://www.freeformatter.com/html-validator.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>

和顺便说一句:做不使用空格,因为<img>是资源,浏览器将解析该资源,并且空格映射到%20,因此“ Astro Blog”成为“ Astro%20Blog”

请参阅:https://www.w3schools.com/tags/ref_urlencode.ASP

© www.soinside.com 2019 - 2024. All rights reserved.