day14-HTML的body内标签之a 标签

一、a标签

1、作用：跳转

　　实现方式，使用：herf 属性　　

1 <body>
2     <a href="http://www.baidu.com">百度</a>
3 </body>

　　这样跳转的页面会覆盖 当前页面，可以设置target = _blank ，跳转的页面在新页中打开

1 <body>
2     <a href="http://www.baidu.com" target="_blank">百度</a>
3 </body>

1.2、锚

作用：就是在一个页面中，通过点击一个标签，跳转到你想要的位置

 1     <a href="http://www.baidu.com" target="_blank">百度</a>
 2     <p></p>
 3     <a href="#i1">第一章</a>
 4     <a href="#i2">第二章</a>
 5     <a href="#i3">第三章</a>
 6     <p></p>
 7     <div id="i1" style="height: 800px">第一章内容</div>
 8     <div id="i2" style="height: 800px">第二章内容</div>
 9     <div id="i3" style="height: 800px">第三章内容</div>
10 </body>

显示效果：

　　点击 第二章，直接跳转到第二章的位置，浏览器上 url 多了 #i2

 ps：id 属性不能重复，唯一值。

 

posted @ 2018-05-16 16:29  东郭仔  阅读(186)  评论(0)    收藏  举报