HTML路径

在这里插入图片描述

在实际工作中,我们的文件夹不能随便乱放,否则用起来很难快速的找到它们,因此我们需要一个文件夹来管理他们。

目录文件夹

就是普通文件夹,里面只不过存放了我们做页面所需要的相关素材,比如html文件,图片等
在这里插入图片描述

根目录

打开目录文件夹的第一场就是根目录,
在这里插入图片描述

页面中的图片非常多,通常我们再建一个文件夹专门用于存放图像文件(images),这时再插入图像,就需要采用路径的方式来指定图像文件的位置,路径可以分为;相对路径和绝对路径

相对路径

以引用文件之网页所在位置为参考基础,而建立出的目录路径,因此,当保存于不同目录的网页引用同一个文件,所使用的路径将不相同,故称之为相对路径

路径分类符号说明
同一路径只需输入图像文件的名称即可,如< img src=“baidu.gif”>
在这里插入图片描述
下级路径" / "图像文件位于HTML文件同级文件夹下(例如文件夹名称为:images)则< img src=“images/baidu.gif”>
在这里插入图片描述
上级路径" … / "在文件名之前加入"…/",如果是上两级,则需要使用"…/…/“依次类推,如< img src=”…/baidu.gif"/>

在这里插入图片描述

总结
相对路径是从代码所在的这个文件出发,去寻找我们的目标文件夹,而所谓的上一级、下一级、同一级,简单的说,就是图片位于HTML页面的位置

绝对路径

绝对路径以Web站点根目录为参考基础的目录路径。之所以称为绝对,意指当前所有网页引用同一个文件时,所使用的路径都是一样的
“D:\web\img\logo.gif”,或完整的网络地址,例如"http://www.itcast.cn/images/logo.gif"
注意:绝对路径用的较少,它的写法是\并不是相对路径的/

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Qayrup

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值