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

Question

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

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

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

原文由 Ezekiel Rivera 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

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

原文由 argoden 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

如果您使用的是 chrome，请按 ctrl+shift+i 并转到“网络”选项卡，如果您获得 /images/DigitalMonster-logo.png 的状态为 200，则需要检查网络导航器是否正在恢复图像，而不是重新加载页面这意味着网络导航器正在接收图像但不显示它，如果状态为 404 则意味着图像的路径不正确

原文由 Meshredded 发布，翻译遵循 CC BY-SA 3.0 许可协议