加载资源失败：net::ERR_FILE_NOT_FOUND ，它不会加载 html 中的 img答案

【问题标题】：Failed to load resource: net::ERR_FILE_NOT_FOUND , it will not load the img in html加载资源失败：net::ERR_FILE_NOT_FOUND ，它不会加载 html 中的 img
【发布时间】：2018-12-02 21:42:57
【问题描述】：

我开始构建一个简单的网页，并添加完我的 HTML 元素，最后添加的是 img 标签中的图片。

<section>
    <div><img src="hand-made.png"></div>

这是我写的代码，当我刷新页面图像时，我得到 Failed to load resource: net::ERR_FILE_NOT_FOUND。我已经尝试将它移动到不同的文件，我尝试在控制台中更改它，我使用 placeholder.it 进行了测试，并且效果很好。Idk 该怎么做..

【问题讨论】：

请显示您用于“使用占位符测试”的代码。
您是否尝试过为
添加结束标记，例如
？
您的图片路径是在与您的 html 文件相同的目录中查找图片。图片在同一个目录吗？
placehold.it/300x100 我用这个来看看。如果这也坏了，我会知道这是一个更大的问题
该部分已关闭，代码很长，所以我不想把整个东西放进去

标签： html image resources load

【解决方案1】：

您的脚本同一文件夹中没有名为hand-made.png 的文件，或者您的浏览器缓存了无效引用。首先，确保您已将图像上传到与索引文件相同的文件夹中。

如果您尝试引用的图像位于不同的文件夹中，您可以使用：

上移文件夹的相对链接 (../images/hand-made.png)
根相关链接 (/images/hand-made.png) 从您网站的根目录引用文件
绝对链接 (https://www.website.com/images/hand-made.png) 引用与您的网站结构绝对相关的文件。

如果仍然无法加载文件，请使用CTRL + SHIFT + R 强制清除缓存并刷新页面。

【讨论】：

hand-mage.png 与我的索引在同一个文件夹中，我尝试了相对链接、根相关链接和 crtl+shift+r，但都出现错误。但是，如果我直接从网站上获取绝对链接图像，则可以使用它们。
这是一个菜鸟问题，如果图像来自我的文件夹或直接来自其他网站，有什么区别吗？