相对路径和绝对路径差异学习

文件:pathRoute.html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Path Route</title>
</head>
<body>

<!--同级路径:以当前文件为基准去找别的文件,直接写入文件名称 -->
<b>相对路径/同级路径:</b>
<img src="同级图片.jpg" height = "100" width="100" alt="同级图片">
<br/>

<!--下级路径:以当前文件为基准点击文件夹后去找文件, 通过 / 符号来向下进行查找 -->
<b>相对路径/下级路径:</b>
<img src="picture/下级图片.png" height = "100" width="100" alt="下级图片">
<br/>

<!--上级路径:以当前文件为基准返回上一级去找文件,通过../ 符号来向上进行回退查找 -->
<b>相对路径/上级路径:</b>
<img src="../上级图片.png" height = "100" width="100" alt="上级图片">
<br/>

<!--绝对路径即全路径,不推荐使用 -->
<b>绝对路径:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</b>
<img src="F:\html\路径\picture\绝对路径图片.jpg" height = "100" width="100" alt="绝对路径图片">
<br/>

</body>
</html>

文件图片位置:

效果展示:

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值