关于html中图片的路径问题

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://image.baidu.com/pcindexhot"/width="300" height="120"/>

---

作者：我的思维在跳跃
来源：CSDN
原文：https://blog.csdn.net/u012072085/article/details/79105689
版权声明：本文为博主原创文章，转载请附上博文链接！

个人的理解：

html页面中的图片，服务器会顺着html页面的路径去查找，如果html页面和图片在同一目录下，直接***.jpg 读取 如果图片在和html同级文件目录下，则需要加上文件名再加 ***.jpg ，如果html页面和图片在同一目录下的不同文件中，当服务器顺着html页面路径查找时，需要向上退一级，也就是加上 …/ 在加上文件名和 **,jpg