HTML 绝对路径和相对路径

** HTML的绝对路径和相对路径**

相信很多初学者,在学到这一步的时候会为HTML的绝对路径和相对路径感到困惑。
那么我们就来分别看一下这两个的区别:

背景:你创建了一个html文件放在了D盘的2019文件夹里面, 那么它的路径(也就是位置)就是"D:\2019" , 另外有张图片名字为panda.jpg,你希望把这张图片引入到你的html文件中。

绝对路径:
如果你的图片没有放在D盘的2019文件夹里面,而是在D盘的2018文件夹里面或者C盘的2017文件夹里面。
那么说明图片和html文件并不在同一个文件夹下面,这个就是绝对路径。
引用图片的时候,需要把这个图片的路径全部写出来{ 选中图片,右键点击选择属性,复制位置一栏即可,此案例图片位置为:" D:\2018 “,注意引用时需要把第一个” \ “换成” / “(在网站中我们使用”/ "表示根目录,另外我们使用“…/”来表示上一级目录,“…/…/”表示上上级的目录)}
在这里插入图片描述
相对路径:
你的图片刚好也放在了D盘的2019的文件夹里面,也就是说明你的图片和html文件都隶属于2019的文件夹,并且它们的直接上级就是2019文件夹。
那么这个就是相对路径,引用图片的时候只需要写图片的名字即可。
在这里插入图片描述
喜欢的就留个赞或者给个好评再走呗 ?

  • 4
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值