html5复习02-相对路径和绝对路径以及锚点设置

相对与绝对路径
所谓相对路径,就是相对于链接页面而言的另一个页面的路径。而绝对路径,就是直接
从 file:///磁盘符开始的完整路径。我们在同一个目录下做上两个页面,其中一个页面链
接到另一个页面。
1. 绝对路径
<a href="file:///D:/备课/HTML5 第一季/code/index2.html">index2</a>
解释:首先是 file:///开头,然后是磁盘符,然后是一个个的目录层次,找到相应文
件。这种方式最致命的问题是,当整个目录转移到另外的盘符或其他电脑时,目录结构一旦
出现任何变化,链接当即失效。
2. 相对路径
<a href="index2.html">index2</a>
解释:相对路径的条件是必须文件都在一个磁盘或目录下,如果是在同一个目录下,直
接属性值就是被链接的文件名.后缀名。如果在同一个主目录下,有多个子目录层次,那就
需要使用目录结构语法。
3. 目录语法
同一个目录:index2.html 或./index2.html;
在子目录:???/index2.html;
在孙子目录:???/???/index2.html;
在父目录:../index2.html;
在爷爷目录:../../index2.html;
 锚点设置
超链接也可用来将同一个文档中的另一个元素移入视野。通过属性 id 或 name 实现锚
点定位。一点击就跳到相应的位置上
//链接
<a href="#1">第一章</a> <a href="#2">第二章</a> <a href="#3">第三章</a>
//锚点
<a name="1"></a> <a id="3"></a>
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值