2021-10-14 HTML学习笔记(8)超链接标签

本文介绍了HTML中的超链接标签<a>的使用,包括链接的语法格式、外部链接、内部链接、空链接、下载链接、网页元素链接以及锚点链接的实现方法。详细阐述了各种链接类型的特性和应用场景,帮助理解如何在网页中创建和管理链接。
摘要由CSDN通过智能技术生成

2.7 超链接标签
在HTML文件中,<a>标签用于定义超链接,作用是从一个页面链接到另一个页面。
2.7.1 链接的语法格式
<a href="跳转目标" target"目标窗口的弹出方式"> 文本或图像 < /a>
两个属性的作用如下:
在这里插入图片描述
2.7.2 链接分类
1.外部链接,例如:<a href="http://www.baidu.com" > 百度 < /a>
在这里插入图片描述
在这里插入图片描述
这里的指定链接地址后面加了一个反斜杠,作用是取消网站重定向,减少一次服务器请求。

2.内部链接
网页内部页面之间的相互链接,直接链接内部页面名称即可。例如:<a href="index.html"> 首页 < /a>
在这里插入图片描述
在这里插入图片描述
虽然外部链接和内部链接看起来相同,但在路径上有实质上的差别,外部链接连接的是该网页外的另一窗口,而内部链接则连接的是同一根目录下的另一窗口。

3.空链接
空链接是没有确定链接目标时,所设置的链接类型。例如:<a href="#"> 空 < /a>。点击空链接不会有任何显示页面。

4.下载链接
如果href里面的地址是一个文件或压缩包,那么点击该链接会下载这个文件或压缩包。
在这里插入图片描述
在这里插入图片描述
5.网页元素链接
在网页中的各种网页元素,如:文本、图像、表格、音频、视频等都可以添加超链接。实际上就是指任何网页元素都可以当成被点击的链接。
在这里插入图片描述
在这里插入图片描述
6.锚点链接
锚点链接用于快速定位到当前页面中的某个位置,相当于内容的索引功能。
实现方式:第一步,在链接文本的href属性中,设置属性值为 #名字 的形式,如:<a href="two"> 第二点 < /a>;第二步,在目标位置标签中添加 id 属性 = 名字 ,如:<h4 id="two"> 第二点xxxx </h3>
在这里插入图片描述

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值