web相对路径和绝对路径

在学习web中,总是有时分不清…/或者./什么时候用,
查了查,自己做了一个小总结

web中路径问题:分为相对路径和绝对路径。
其中需要知道\表示该文件所在的文件夹;.\这个表示所在的位置,可有可无;…\表示上一级就是父级。…\表示上上级。当有多少个上级,对应多少个…\
大致文件夹

绝对路径:

绝对路径:就是这种图片在你硬盘中具体位置。例如: C:\web\homework\holiday\haha.jpg 当引用时就是。当然,超链接文件也是绝对路径
绝对路径的缺点:内容修改会很麻烦,当你整个文件都是用绝对路径来使用的。而且,当你将它使用在某个服务器上时,也 容易出错
相对路径

## 相对路径

相对路径:如上图,当html和haha.jpg是在同一个文件夹下的,调用时 <img src="haha.jpg"> 而xixi.jpg是在html所在holiday目录同级下面的。所以调用时<img src="..\xixi.jpg"> 这样的是比较常见的。

其实知道基本的…\就知道如何写了。

  • 先确定所需图片与文件的相对位置

  • 观察他们是否在同一个文件夹
    在的话,用上面的;
    不在的话,先找到文件所在文件夹,不断地返回…\找到图 片所在的文件夹,比如返回了两个后,有一个hehe.jpg.
    那就表示成<img src="..\..\hehe.jpg">

  • 初学web,如有错误或者不严谨的地方,多谢斧正。

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值