a标签介绍
a标签的功能
- 页面调转;
- 锚点,就是调转到该页面的某个位置;
a标签的显示
在所有浏览器中,链接的默认外观是:
- 未被访问的链接带有下划线而且是蓝色的;
- 已被访问的链接带有下划线而且是紫色的;
- 活动链接带有下划线而且是红色的;
a标签实例
实现页面跳转
原有窗口打开链接
# a标签的页面调转功能,target属性决定了是否在新页面打开;
<a href="http://www.westos.org">westos</a>
新窗口打开链接
# a标签的页面调转功能,target属性决定了是否在新页面打开;
<a href="http://www.westos.org" target="_blank">westos</a>
实现锚点
# a标签的锚调转功能,调转到当前页面的某个id对应的位置;
# 调转使用href="#idname";
<a href="#i1">part1 </a>
<a href="#i2">part2 </a>
<a href="#i3">part3 </a>
# 指定多个章节,定义id号并且id号不能重复;
# style="height:600px;",指定该div标签占用的像素数,此处只是为了显示实验效果;
<div id='i1' style="height:600px;">part1 test</div>
<div id='i2' style="height:600px;">part2 test</div>
<div id='i3' style="height:600px;">part3 test</div>
显示结果:
- 当点击part1,跳转到part1 test;
- 当点击part2,跳转到part2 test;
- 当点击part3,跳转到part3 test;