HTML中写图片路径的几种方法

一、如果html文件和图片在同一文件目录下：

<img src="reba01.jpg" width="888" height="666"/>

二，如果图片在images文件夹里，而html文件与images在同一文件目录下：

<img src="images/reba01.jpg" width="888" height="666"/>

或者：

<img src="./images/reba01.jpg" width="888" height="666"/>

三、如果图片在images文件夹，html文件在HTML文件夹下 而images和HTML在同一目录下：

<img src="../images/reba01.jpg" width="888" height="666"/>

四、html文件跟图片在不同目录下：

<img src="file:///D:/PK_work/Hbuilder/images/reba01.jpg" width="888" height="666"/>

五、如果图片来源于网络，写绝对路径

<img src="https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=4198828045,183077959&fm=26&gp=0.jpg" width="888" height="666"/>

其中：
“…/”表示上一级目录开始
“./”表示当前同级目录开始
“/”表示根目录开始。