HTML基础(五)——a标签

本文详细介绍了HTML中的a标签,包括其作用、格式、Target属性、Title属性、假链接、本地跳转以及Base标签的用法。a标签用于页面间的跳转,必须包含href属性,Target属性控制跳转方式,Title属性提供悬停提示,假链接用#表示,本地跳转可实现页面内部链接或跨文件跳转,Base标签则设定所有链接的默认打开方式。
摘要由CSDN通过智能技术生成


a标签

作用:实现页面之间的跳转
格式:

<a href=”地址”>名字</a>

注意:

  • a标签可以让文字进行跳转,图片也可以
  • 一个a标签必须要有一个href属性
  • 指定url地址时一定加上http://或者https;//

Target属性

  • Self 用于当前页面跳转,也就是不建立新的页面,默认是self
  • Blank 用于在新的选项卡中跳转

Title属性

同img标签中一样,实现悬停显示弹窗效果

假链接

不知道目标链接地址使用。直接在href中写#,点击之后会回到页面顶部
格式:

<a href="#"> </a>

本地跳转

通过a标签实现本地页面跳转,有两种形式,一种是跳转到本地另一个html文件中;一种是像目录一样跳转到当前页面中一个位置。
前者直接在href中类似相对地址一样写出页面地址
格式:

<a href=”案例.html”>案例</a>

后者是告诉a标签一个独一无二的id,即在要添加的位置给其绑定一个id
格式:

<a href=”#t1”>目录1</a>
<h1 id=”t1”>第一条</h1>

Base标签

所有的链接都想实现在新窗口打开,直接在head标签下添加base标签
格式:

<head>
<base target=”blank”>
</head>

注意:
如果既在base中指定了打开方式又在a中指定了,浏览器会按照a标签中执行

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值