扣丁学堂HTML5培训分享H5路径相关

2019-04-26 14:53:02 3522浏览

本篇文章小编给读者们分享一下H5路径相关,对HTML5开发技术感兴趣或者是想要参加HTML5培训的小伙伴就随小编来学习一下吧。


扣丁学堂HTML5培训分享H5路径相关


路径src的两种赋值方式:


1、通过相对路径赋值

2、1.1 同级:同级就是"图片"和".html文件"存储在同一个文件夹中

3、格式:src="imageName.jpg"

4、含义:在 .html 文件所在的文件夹中找到名为 imageNam.jpg 的图片。


1.2下级:下级就是"存储图片的文件夹"和".html文件"在同一个文件夹中。


格式:src="images/imageName.jpg"


含义:在 .html 文件所在的文件夹中找到 images 文件夹,然后再在images文件夹中找到叫做 imageName.jpg 的图片。


1.3上级:上级就是"存储图片的位置"和存"储代码的文件夹"在同一个文件夹中。


格式:src="../imageName.jpg"


含义:含义:在 .html 文件所在的文件夹中找到这个文件夹的上一级文件夹, 然后再在上一级文件夹中找到名称叫做 imageName.jpg 的图片


其中../代表找到当前文件夹的上一级文件夹

通过绝对路径赋值(开发中一般不用)

绝对路径每次都要从指定的位置开始查找。


注意:

路径中最好不要出现中文。

使用“相对路径”来指定图片,则不能够跨盘操作(根目录在F盘,不能去G盘查找图片)。


最后想要了解更多关于HTML5方面内容的小伙伴,请关注扣丁学堂HTML5培训官网、微信等平台,扣丁学堂IT职业在线学习教育平台为您提供权威的HTML5开发环境搭建视频,扣丁学堂老师精心推出的HTML5视频教程定能让你快速掌握HTML5从入门到精通开发实战技能。扣丁学堂H5技术交流群:673883249。


                          【扫码进入HTML5VIP免费公开课】  


     【关注微信公众号获取更多学习资料】        【扫码进入HTML5前端开发VIP免费公开课】  



查看更多关于“HTML5开发技术资讯”的相关文章>>



标签: HTML5培训 HTML5视频教程 HTML5学习视频 HTML5在线视频 HTML5培训班 前端H5架构师进阶 HTML5公开课
微信
微博
15311698296

全国免费咨询热线

邮箱:codingke@1000phone.com

官方群:148715490

北京千锋互联科技有限公司版权所有   北京市海淀区宝盛北里西区28号中关村智诚科创大厦4层
京ICP备12003911号-6   Copyright © 2013 - 2019
返回顶部 返回顶部