您现在的位置是:群英 > 开发技术 > web开发
HTML中图片路径的使用方式有哪些
Admin发表于 2022-05-05 15:31:152124 次浏览
这篇文章给大家分享的是“HTML中图片路径的使用方式有哪些”,文中的讲解内容简单清晰,对大家学习和理解有一定的参考价值和帮助,有这方面学习需要的朋友,接下来就跟随小编一起学习一下“HTML中图片路径的使用方式有哪些”吧。

路径的写法:1、不同目录下时,可写成“file:///盘符:/图片名”;2、同一目录下时,可直接写“图片名”;3、图片在同一目录下的a目录中,则写成“a/图片名”;4、如果是网络图片,则用图片的网址,语法“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、图片*.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中图片路径的使用方式有哪些已经有了进一步的了解,如果想要了解更多相关的内容,欢迎关注群英网络,群英网络将为大家推送更多相关知识点的文章。

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。

标签: html图片路径
相关信息推荐
2022-12-24 11:46:34 
摘要:3种获取方法:1、利用“$数组名[下标]”一个个获取。2、利用array_slice()获取连续的几位元素值,语法“array_slice(数组,开始位置,个数)”或““array_slice(数组,-位置)”。3、利用array_splice()获取连续的几位元素值,语法“array_splice(数组,开始位置,个数)”或“array_splice(数组,-位置)”。
2022-05-17 15:57:01 
摘要:Node.js中怎么发起HTTP请求?本篇文章就来和大家一起探索下Node.js发起HTTP请求的6种不同方法,希望对大家有所帮助!
2022-09-26 18:00:41 
摘要:这篇文章通过两个实例讲解了PHP中删除字符串中的逗号以及尾部斜杠的方法,文中给大家介绍的非常详细,对大家的学习或工作具有一定的参考价值
云活动
推荐内容
热门关键词
热门信息
群英网络助力开启安全的云计算之旅
立即注册,领取新人大礼包
  • 联系我们
  • 24小时售后:4006784567
  • 24小时TEL :0668-2555666
  • 售前咨询TEL:400-678-4567

  • 官方微信

    官方微信
Copyright  ©  QY  Network  Company  Ltd. All  Rights  Reserved. 2003-2019  群英网络  版权所有   茂名市群英网络有限公司
增值电信经营许可证 : B1.B2-20140078   粤ICP备09006778号
免费拨打  400-678-4567
免费拨打  400-678-4567 免费拨打 400-678-4567 或 0668-2555555
微信公众号
返回顶部
返回顶部 返回顶部