为什么 png 文件没有出现在 html

Question

我有一个徽标，我正试图让它出现在我的 html 页面中。由于某种原因，它不会出现在我的网页上。当我大声浏览我的网页时，我看到的只是一个方框，上面有一个 x，图片应该是这样。

  <img src="/images/DigitalMonster-logo.png" />

这就是我用来显示硬盘驱动器图片的代码。为什么它不会出现在我的网站上？另外，如果您需要完整的 html 代码，请告诉我，我会提供，谢谢。

Answer 1

如果您正在使用 chrome，请检查 Web 导航器是否正在恢复图像对于 /images/DigitalMonster-logo.png 这意味着网络导航器正在接收图像但不显示它，如果状态为 404，则表示图像路径不正确

Answer 2

Path /images/DigitalMonster-logo.png 假定您的图像目录位于文档根目录的最顶部（绝对路径）。如果您将 /images/DigitalMonster-logo.png 更改为 images/DigitalMonster-logo.png，这将假设您的图像目录在当前工作目录，（相对路径）。

Answer 3

检查此步骤是否适合我：

右键单击图像和select属性
然后如果你找到一个选项 "unblock" 然后点击它（有时计算机会屏蔽一些图像，因此在 google chrome 或 Internet Explorer 上它不会显示）
检查以下详细信息是否正确 a) html 的语法 b)路径名 c)文件名 d) 图片扩展

示例语法：

示例：

这里

"E" 是驱动器名称 "Web_development" 是文件夹名称 "baby" 是图像名称 "png" 是分机名

我认为“/”不正确试试这个：“\”符号

Answer 4

在网络浏览器中打开您的图片
从网络浏览器复制图像路径
将其粘贴到您的代码中（在 src 内）

为什么 png 文件没有出现在 html

Why are png files not appearing in html

html

png

web