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

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>
在这里插入图片描述

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/Dukenone/article/details/120764232
今日推荐