HTML学习9:路径

本文详细介绍了HTML中相对路径和绝对路径的概念及其使用。相对路径根据当前文件位置引用目标文件,如同一级直接写文件名,下一级通过目录分隔符,上一级使用'..'。绝对路径包括磁盘绝对路径(如C:/总目录/outer.jpg)和网络绝对路径(如https://www.baidu.com)。了解这些路径规则对于网页开发至关重要。
摘要由CSDN通过智能技术生成

在我目前看来,路径分为两种:相对路径绝对路径

相对路径:从当前文件找目标文件

同一级:直接写文件的名称

<img src="img.jpg">

下一级:一般指的是兄弟文件夹里的文件

<img src="images/img1.jpg">

<!-- images/picture/img2.jpg   其中的"/" 叫做目录分隔符-->

上一级:../ 代表的是当前文件的上一层

 我们将如下表格作为目录表格示意图

总目录
我有俩页面(文件夹)我只有一个页面(文件夹)outer.jpg
First.htmlSecond.htmljust_one.html

以我们当前页面为 just_one.html,在当前页面插入outer.jpg

<img src="../outer.jpg">

另外 ./  代表的是当前目录

/ 我只有一个页面(文件夹)just_one.html /

如果路径最前面加 / 代表的是根目录,也就是上面的 / ,后面两个 / 目录分隔符


 绝对路径:

        1.磁盘绝对路径

        

<img src="C:/总目录/outer.jpg">

        2.网络绝对路径 

<a href="https://www.baidu.com"></a>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值