相对路径、绝对路径

欢迎大家访问我的个人博客:http://rushskh.club/

路径分为两种:相对路径和绝对路径

相对路径:相对于项目而言的路径。

绝对路径:在我们电脑硬盘上的路径。

一般写相对路径,因为我们的项目可能会改变地方,如果写绝对路径的话,项目每改一次地方就需要改一次地址,如果写地址的地方比较多的话,修改起来会相当麻烦。

一、绝对路径:

例如在我的电脑上有一张图片,位置是:E:\图片\233.jpg

那么我们在代码中就可以写成:<img src="E:\图片\233.jpg">

二、相对路径:

对于路径的写法,比较容易让人出错误。这是因为对路径的写法不明确的原因,首先我们要了解以下的符号代表什么。

/            html页面所在的文件夹

./            html页面所在的文件夹内部(如果图片和html文件处于同一个文件夹下,则可以不用写)

../            页面所在文件夹的外面一层

比如说我们有个html网页需要一些图片,我们需要图片的路径。有以下几个绝对路径:

E:\web\websource\网页.html

E:\web\websource\233.jpg

E:\web\websource\img\234.jpg

E:\web\hhh.jpg

html文件引用各个图片时的写法:

233.jpg: <img src="233.jpg">

234.jpg:<img src="/img/234.jpg">

hhh.jpg:<img src="../hhh.jpg">

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值