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

Question

我有一个我想在html页面中显示的徽标。出于某种原因，它不会出现在我的网页上。当我在我的网页上响亮时，我看到的是一个方形框，上面有一张x就是图片应该是。

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

这是用于从我的硬盘驱动器中显示图片的代码。有什么理由不会出现在我的网站上？此外，如果您需要完整的HTML代码，请告诉我，我将提供它。谢谢。

Answer 1

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

Answer 2

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

Answer 3

检查此步骤是否对我有用：

1. 右键单击图像并选择属性
2. 然后，如果您找到“取消阻止”选项，则单击它 （有时计算机会阻止一些图像，因此在谷歌浏览器或Internet Explorer中它不会显示）
3. 检查以下详细信息是否正确 a）html的语法 b）路径名称 c）文件名 d）图片扩展

样本语法：

示例：

这里

“ E”是驱动器名称 “ Web_development”是文件夹名称 “ baby”是图片名称 “ png”是扩展名

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

Answer 4

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