1、超链接的介绍:
HTML中的超链接是指可以将一个网页与另一个网页或其他资源进行链接的元素。通过超链接,用户可以点击文本、图像或其他元素,以跳转到另一个页面或打开其他资源,如文档、音频、视频等。超链接使用< a >标签来定义,其中href属性用于指定链接的目标URL。
例如:
<a href="https://www.bilibili.com/" target="_blank" title="点击可跳转到哔哩哔哩">哔哩哔哩</a>
2、三种重要属性:
①.href属性
href属性是超链接标签必须存在的属性,href用于连接目标的URL地址。
②.target属性
target用于指定页面的连接方式。其中_self是默认值,即在当前窗口打开连接的打卡方式,_blank为在新窗口的打开方式。
③.title属性
title为超链接设置一些介绍信息。当鼠标移到设置了title属性的超链接上时,会显示title属性值的内容。
3、连接分类:
①.外部链接
外部链接是该网站网页跳转到另外一个网站的网页的连接。外部链接一定是 http:// 开头的。
例如:从自己的网页跳转到百度:
<a href="https://www.baidu.com/">百度</a>
②.空链接
当我们没想好或不知道链接到哪个页面时,我们可以先写一个空超链接。超链接要求必须存在href,所以当我们要写超链接时,规定href属性为"#",不能空白。
<a href="#">空链接</a>
③.各种网页元素链接
网页中的各种元素也可添加链接,如文本,图片,表格,音频,视频等可添加超链接。
例如:链接到一张QQ图标的图片:
<a href="图片路径"><img src="图片路径"></a>
④.锚点链接
锚链接可以链接到本页面的特定位置,也可以链接到另一个页面的特定位置。其实现方式是添加锚标记。即:
< a href=“#名字”>跳转< /a>,"#"必不可少。
<标签名 id=“与刚才的名字一致”></标签名>
关于“#标记名”,它其实是页面中某一个标签的id属性值。也就是说,如果要跳转到网页的某个位置,就先在这个位置所在的标签设置id属性,然后就可以通过锚链接跳转到这个位置了。
当跳转到当前页面的特定位置时,直接将锚标记设为href属性的值。如:
<a id="aa">顶部</a>
<p>这是一个段落</p>
<!--多个段落-->
<p>这是一个段落</p>
<a href="#aa">返回顶部</a>
4、总结:
属性 | 描述 | 参数 |
---|---|---|
href | 来指定链接的目标,可以是其他网页的URL、同一网页中的锚点或文件的URL | URL |
target | 来指定链接在何处打开 | _blank(在新窗口或标签页中打开)、_self(在当前窗口或标签页中打开) |
title | 来为链接添加鼠标悬停提示 | 提示的文字 |