使用Live Server时相对路径无法显示HTML图片求助

从你提供的文件结构来看，index.html在项目根目录，目标图片Sunset.jpg存放在Images文件夹下，直接用以下路径即可：

<img src="Images/Sunset.jpg" alt="日落图片">

或者加上当前目录标识./，效果完全一致：

<img src="./Images/Sunset.jpg" alt="日落图片">

几个关键排查点： #

• 严格匹配大小写：Live Server模拟服务器环境，会区分文件名/文件夹名的大小写，确保Images和Sunset.jpg的拼写大小写和实际文件完全一致，别把Images写成images。
• 核对文件后缀：确认图片后缀是.jpg还是.jpeg，写错后缀会导致加载失败。
• 避免中文命名：文件夹或图片名用中文可能引发编码乱码，尽量用英文命名。
• 确认Live Server启动目录：必须从项目根目录启动Live Server，不能单独打开index.html文件，否则相对路径的基准会出错。

如果还是有问题，按F12打开浏览器开发者工具，切换到「网络」标签刷新页面：

• 若图片请求显示404，说明路径仍有误，对照文件结构重新调整；
• 若显示乱码，大概率是图片文件本身损坏，换一张正常图片测试。

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