html显示不了图片，直接输入url却可以访问

  初次尝试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文件夹，当然是找不到的

../ ：代表文件所在的父级目录

../../ ：代表文件所在的父级目录的父级目录

/ ：代表文件所在的根目录