前提：

1. 目录文件夹：就是一个普通的文件夹，存放html、图片、css、js等  老鸟称为项目目录

eg：新建文件夹allen存放我的前端代码，此时allen文件夹叫目录文件夹

2. 根目录：cd allen  即进入allen文件后，这个allen文件内就是根目录，前端项目的根  又是目录  叫根目录

分类：

相对路径：

就是以当前文件中心/开始，想要找到目标文件，需要走的路径。

当前文件就是你现在编写或访问的文件

默认当前文件所在的文件夹都是可见的

1.同一级路径：即目标文件和当前文件在同一个目录，直接写目标文件名称

2.下一级路径：比如当前文件同级目录有个image目录，需要image的xx.jpg  直接写<img src="image/xx.jpg"/>即可

 3.下下下……级路径，直接下路径名即可<img src="image/a/b/c/d/e/www.jpg"/>

4. 上一级路径： 使用../  <img src="../zz/test.png"/>

    上上上……级：几个上一级对应几个../

./表示当前目录，一般直接写， <img src="image/xx.jpg"/> 等效<img src="./image/xx.jpg"/>

绝对地址：

1. 盘符/本地 --不推荐

2.网络：看中那个右键-->复制图片地址即可   

<a href="./001.html">  test</a>         <img src="https://csdnimg.cn/cdn/content-toolbar/csdn-logo_.png?v=20190924.1">     <img src="D:\web\001\Capture001.png">

ps：

另外一种以/根目录的写法--错误写

 file:///D:/web/001/Capture001.png  默认浏览器会根据操作系统在/web前加上当前文件协议：//盘符