相对路径 和 绝对路径

图片路径
路径分为：绝对路径和相对路径

绝对路径：就是把图片的所有信息都包括进去，例如  "F:/website/img/bg-1.png"    带有盘符的

相对路径  有以下几种情况

第一种，html和图片保存在同一个文件夹，这时可以直接利用图片名引用，如 <img src="lei_1.jpg"/>

<img src="lei_1.jpg"/>

 

 

第二种，html文件与保存图片的文件夹同级，这是应该利用文件夹名+图片名引用，如"img/bg-1.png"

<!-- page1.html 与img文件夹是同级  文件夹名+图片名 -->
<img src="img/bg-1.png"/>

 

 

第三种，图片与保存html文件的文件夹同级，可以用“…"表示在Html里向上一级查找

<img src="../bg-2.png"/>

 

 

第四种，图片和html各种保存在不同的文件夹内，先向上查找，然后打开保存图片的文件夹，即"../img/bg-1.png"

<img src="../img/bg-1.png"/>