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;

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值