HTML无法加载Web服务器中从压缩包下载的图片，如何调整存储配置？

你使用的src="img/html-icon.png"是相对路径，相对的是你当前打开的HTML文件所在的文件夹，按以下方式调整目录结构即可正常加载：

• 先确认你的HTML文件的存放位置，例如你的HTML文件存放在 desktop/my-skillcrush-project/index.html，那么 my-skillcrush-project 就是你当前项目的根目录
• 在根目录下新建名为 img 的文件夹，注意文件夹名大小写要和代码里的保持一致，代码写的是小写img就不要命名为Img或IMG
• 把你本地存放在 images-icons 文件夹里的 html-icon.png 直接移动到新建的 img 文件夹中，不要嵌套其他子文件夹，移动完成后图片的完整路径应为 desktop/my-skillcrush-project/img/html-icon.png
• 确认你的图片标签代码为 <img src="img/html-icon.png" alt="HTML icon"/> 即可正常加载

常见问题排查 #

• 检查图片文件名是否完全匹配，避免出现后缀重复（例如系统隐藏后缀后实际文件名为html-icon.png.png）、文件名有空格或特殊字符的情况
• 如果你的HTML文件存放在根目录下的子文件夹中，需要调整路径层级，例如HTML文件存放在desktop/my-skillcrush-project/page/index.html，则路径需要改为src="../img/html-icon.png"，../代表返回上一级目录

内容的提问来源于stack exchange，提问作者Breana Pruett