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

Question

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

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

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

Answer 1

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

Answer 2

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

Answer 3

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

1. 右键单击图像并选择属性
2. 然后，如果您找到“解锁”选项，请单击它 （有时电脑会屏蔽一些图像，因此在谷歌浏览器或互联网浏览器上它不会显示）

3. 检查以下详细信息是否正确：

• html的HTML语法

• 路径名称

• 文件名

• 图像扩展

示例语法：

<img src= "drivename:\foldername\filename.png">

示例：

<img src= "E:\Web_development\baby.png">

这里

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

Answer 4

如果图像文件夹与您的 html 文件位于同一目录中，那么您的路径将为

images/DigitalMonster-logo.png

而不是

/images/DigitalMonster-logo.png

Answer 5

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