a标签

a标签介绍

• a标签是一个块级标签;
• 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；