html图片路径怎么写

图片路径的方法：1、使用“<img src="file:///f:/图片"/>”；2、使用“<img src="图片"/>”；3、使用“<img src="image/图片/>”；4、使用“<img src="http://图片"/>”。

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

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

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图片在不同目录下：

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

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

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

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

扩展知识

绝对路径：

图片来源本地： <img src="file:///E:/Scripts/HTMLScripts/pics/陈好.jpg"/>

图片来源网络： <img src="http://image.baidu.com/pcindexhot"/width="300" height="120"/>

推荐学习：Html视频教程

以上就是html图片路径怎么写的详细内容，更多请关注dnjidi.com其它相关文章！