day14-Html的body内标签之超链接

一、概述

　　之前我们提到过a标签，只是用了一下，百度一下，今天我们就来仔细研究一下这个a标签，首先a标签是行内标签，且不能提交后后台。

二、<a>标签的作用

2.1、跳转

作用：a标签可以作跳转的作用

<body>
    <a href="http://www.baidu.com">百度一下</a>
</body>

以上默认是在当前的tag页面跳转，如果想再新的tag的页面跳转的话，需要加上target='_blank'标签

<body>
    <a href="http://www.baidu.com" target="_blank">百度一下</a>  #添加target="_blank"，在新的tag的页面跳转
</body>

2.2、锚

作用：就是在一个页面中，通过点一个标题，直接跳转到你的所想要看到的页面

<body>
    <a href="#i1">第一章</a>
    <a href="#i2">第二章</a>
    <a href="#i3">第三章</a>
    <div id="i1" style="height: 600px;">第一章的内容</div>
    <div id="i2" style="height: 600px;">第二章的内容</div>
    <div id="i3" style="height: 600px;">第三章的内容</div>
</body>

从上面的代码，我们可以看出，想实现锚的效果，就是在a标签里面 href = "#某个标签的id" ，这样就让这个a标签跟某一个章节关联了。

效果显示：

这边注意了：在html里面，id属性是不能重复的，name属性是可以重复的，但是一般不重复。

三、总结

a标签：

  1. 跳转
  2. 锚       href="#某个标签的ID"    标签的ID不允许重复
posted @ 2017-12-07 15:04  帅丶高高  阅读(143)  评论(0)    收藏  举报