a链接 路径 锚点

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>a标签</title>
</head>
<body>
    <!-- _self在当前页面打开 _blank在新窗口打开
    1.绝对路径:首先是file:开头,然后是一个个的目录层次,找到相应文件,这种方式最致命的问题是,当整个目录转移到另外的盘符或其他电脑时,目录结构一旦出现任何变化,链接当即失效.
    2.相路径:相对路径的文件是必须文件都在一个磁盘或目录下,如果是在同一目录下,直接属性值就是被链接的文件名,后缀名.如果在同一个主目录下,有多个子目录层次,那就需要使用目录结构语法.
    3.目录语法:
    同一目录:index2.html或./index2.html;
    在子目录:xxx/index2.html;
    在孙子目录:xxx/xxx/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>


     -->
    <a href="http://www.baidu.com" target="_blank">百度</a>
    <a href="file:///C:/Users/Administrator/note/test/Demo1/aitaobao/index.html">aitaobao</a><!--绝对路径-->
    <a href="3.index3.html">index3</a><!--相对路径-->
    <a href="./3.index3.html">index3</a><!--同一目录-->
    <a href="test a/1.html">1.html</a><!--子目录 -->
    <a href="test a/test a2/2.html">2.html</a><!--孙子目录-->
    <a href="../h5新标签.html">h5新标签</a><!--父目录-->
    <a href="../../index.html">index.html</a><!--爷爷目录-->
    <a href="#1">第一章</a><a href="#2">第二章</a><a href="#3">第三章</a>
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    <a name="1">这是第一章内容
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    <a name="2">这是第二章内容
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    <a name="3">这是第三章内容    
</body>
</html>

转载于:https://my.oschina.net/kitty0107/blog/1610734

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值