初次尝试html编写,在插入图片时遇到了问题,百度了一下,大家都说时路径不正确,但经过检查,我觉得我的路径
<div>
<!--相对路径-->
<img src="image/background.jpg" />
<!--绝对路径-->
<img src="E:\webstorm\workspace\test\image\background.jpg" />
</div>
是正确的,并且不论是绝对路径还是相对路径我都试过,无法显示图片。
最后终于在stackoverflow一位回答下找到了解决方案,将相对路径改为
<!--相对路径-->
<img src="../image/background.jpg" />
图片就可以显示了。
问题在于我没有理解路径,我的文件结构如下,../ 是回到父级 test文件夹,接下来的../image才可以找到image文件夹
这里特意记录一下html相对路径的写法
./ :代表文件所在的目录(可以省略不写)如果写成image/background 就相当于是在html文件下找image文件夹,当然是找不到的
../ :代表文件所在的父级目录
../../ :代表文件所在的父级目录的父级目录
/ :代表文件所在的根目录