在 Google Chrome 上打开 HTML 时图像未出现 - 检查获取错误代码“net::ERR_FILE_NOT_FOUND”时答案

【问题标题】：Images not appearing when opening HTML on Google Chrome - when inspecting getting error code "net::ERR_FILE_NOT_FOUND"在 Google Chrome 上打开 HTML 时图像未出现 - 检查获取错误代码“net::ERR_FILE_NOT_FOUND”时
【发布时间】：2022-01-11 21:40:15
【问题描述】：

我是编码新手，目前正在参加训练营，学习前端开发、HTML 和 CSS 编码。我目前正在构建我的网站，并注意到在 google chrome 中运行代码时我看不到任何图像。奇怪的是，我课程中的导师可以在她的计算机上查看图像，但是当我在 Google Chrome 和 Safari 浏览器上运行时，我看不到自己的图像。当进行“检查”时，我注意到图像显示错误代码“无法加载资源：net::ERR_FILE_NOT_FOUND”，但是它们的路径是正确的。请参阅此处附上的屏幕截图。

我不确定发生了什么，如果有任何帮助，我将不胜感激！

screenshot of issue

【问题讨论】：

标签读什么？（它们需要与页面相关，例如“../images/img1.png”或“ht tps://xxxx.com/images/img1.png”，并且它们所在的目录需要是网络可见）

标签： html css image google-chrome error-handling

【解决方案1】：

你必须在 img 标签的 src 属性中输入正确的 URL 路径，否则图像不在它应该在的目录中

【讨论】：