html img 标签图片路径的使用方式

1、*.html 文件跟 *.jpg 文件(f盘)在不同目录下：

<img src="file:///f:/*.jpg" width="300" height="120"/>

2、*.html 文件跟 *.jpg 图片在相同目录下：

<img src="*.jpg" width="300" height="120"/>

3、*.html 文件跟 *.jpg 图片在不同目录下：

    ​a、图片 *.jpg 在 image 文件夹中，*.html 跟 image 在同一目录下：

    ​<img src="image/*.jpg/"width="300" height="120"/>

    ​b、图片 *.jpg 在 image 文件夹中，*.html 在 connage 文件夹中，image 跟 connage 在同一目录下：

    ​<img src="../image/*.jpg/"width="300" height="120"/>

4、如果图片来源于网络，那么写绝对路径：

<img src="http://static.runoob.com/images/runoob-logo.png" width="300" height="120"/>

​html相对路径的写法

./ ：代表文件所在的目录（可以省略不写）如果写成image/background 就相当于是在html文件下找image文件夹，当然是找不到的
../ ：代表文件所在的父级目录
../../ ：代表文件所在的父级目录的父级目录
/ ：代表文件所在的根目录