HTML 第二章

超链接的跳转:

语法: <a href=''相对路径''>触发区域</a >

3eca3639765849d282e41baf5bad7f5a.jpg

 

写出一个超链接,如下

d6dd3dc3cf674a658af8777939eac760.jpg 

用鼠标点击,会跳转页面 ,如下

847a07590af44f81aaa5490ef6a7cd4e.jpg

 这样会调转另一个页面

当然

<a href=''相对路径'' target="打开方式" ><a/>

如下:

42e95ca2ea8e451c9062620985159d84.jpg

 target:打开方式 , 4个值   

   _self:新页面覆盖当前页面 ,默认覆盖 (记)

   _blank:保留旧页面 (记) (保留窗口)

   _top:新页面在顶级窗口打开         

   _parent: 新页面在父级窗口打开

超链接三种:

1:普通链接,如上

2:2.锚链接: 跳转同时可以指定跳转位置

 1.指定跳转位置 (超链接标签加id或name,其他标签加id)

  2.href = "地址#id值或name值"

3:功能性链接

<a href= " 对应地址" >触发区域</a >

<a href="mail:邮箱地址" >xxx</a > 微软邮箱

<a href="tel:手机号">xxxx</a >拨打电话

   16cbbcb17b134ec0914b26ced529af8c.jpg

cb20188b430e45348d28679fd208f9d2.jpg 

只要超链接地址没错,就可以进行跳转! 

 

4aff105a9c4641a49a4aa6eddf335430.gif 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值