HTML img src无法在子文件夹

Question

我对HTML很陌生，我试图在页面中添加一些图像。图像位于子文件夹中，但两个子文件夹无法正常工作：

 <img id="lungIcon" src="icon/red/001-medical.svg">
 <img id="liverIcon" src="icon/003-human-liver.svg">

肝脏显示，但肺部没有。 red是图标的子文件夹，我的编辑器（WebStorm）甚至自动填充了lungIcon的src，因为它可以找到该文件。

Inside the icon folder

你可以看到红色是里面的图标。红色包含与图标相同的文件，但颜色不同。为什么不赢得lungIcon.svg？

Answer 1

尝试使用相对路径（`.your/path/to/img），例如：

 <img id="lungIcon" src="./icon/red/001-medical.svg">
<img id="liverIcon" src="./icon/003-human-liver.svg">

Answer 2

或尝试使用完整路径。就像src="/images/icon.svg"一样，我就是这样做的。