html图片路径怎么写

107 阅读 0 评论 71 点赞

我是靠谱客的博主懵懂羽毛，最近开发中收集的这篇文章主要介绍html图片路径怎么写，觉得挺不错的，现在分享给大家，希望可以做个参考。

本教程操作环境：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、图片*.jpg在image文件夹中，*html跟image在同一目录下

<img src="image/*jpg/"width="300" height="120"/>
登录后复制

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

 <img src="../image/*jpg/"width="300" height="120"/>
登录后复制

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

<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图片路径怎么写的详细内容，更多请关注靠谱客其它相关文章！

以上就是懵懂羽毛为你收集整理的html图片路径怎么写的全部内容，希望文章能够帮你解决html图片路径怎么写所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。