web超级链接的使用

HTML使用超级链接与网络上的另一个文档相连。几乎可以在所有的网页中找到链接。点击链接可以从一张页面跳转到另一张页面。


一、基本使用
标签<a>设置超文本链接。
链接语法:<a href="url">链接文本</a>


解释:

1.href属性描述了链接的目标。可以是本网站中的其它网页(相对路径),可以是本网站中的其它文件(相对路径,浏览器无法解析时会变成下载),可以是外部链接地址。
<a href="https://www.baidu.com/">链接文本</a>


2."链接文本"不必一定是文本。图片或其他 HTML元素都可以成为链接。


3.target 属性,使用target属性,可以定义被链接的文档在何处显示,默认为_self(不写target属性即默认使用了该值)。如果设置target="_blank",将会在会在新窗口打开文档(一般用来打开内容页)。


二、书签标记(锚点)
当页面内容较长,用户希望能在本页面之间进行跳转,可以使用。


创建步骤:
1建立源端点:选择点击的对象,用a括起来,并将href地址里先用#代替,表示本页面(空连接)
<a href="#">点我跳转到本页面</a>


2建立目标端点:选择要跳转到的位置(对象),也用a括起来,并添加id(早期用name)属性,值为标签名(书签标签名名字自定义)。
<a id="one">我是将来跳转到的地方</a>


3 完善源端点:将源端点里的href 地址补充完整,将目标端点的标签名补充到#后。
<a href="#one">点我跳转到本页面</a>



 

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值