html怎么写图片的路径

本篇内容介绍了“html怎么写图片的路径”的有关知识，在实际案例的操作过程中，不少人都会遇到这样的困境，接下来就让小编带领大家学习一下如何处理这些情况吧！希望大家仔细阅读，能够学有所成！

本教程操作环境：windows7系统、HTML5版、Dell G3电脑。

Html中<img class="lazy" data-src=""/>图片路径的使用方式

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

<img class="lazy" data-src="file:///f:/ jpg" width="300" height="120"/>

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

<img class="lazy" data-src="  .jpg" width="300" height="120"/>;

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

<img class="lazy" data-src="image/  jpg/"width="300" height="120"/>

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

<img class="lazy" data-src="http://image.baidu.com/pcindexhot"/width="300" height="120"/>

“html怎么写图片的路径”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识可以关注编程网网站，小编将为大家输出更多高质量的实用文章！