HTML - 超链接

前言

 

HTML使用标签<a>来设置超文本链接。

 

超链接可以是一个字，一个词或者一组词，也可以是一副图像，可以实现点击这些内容来跳转到新的文档或者当前文档中的某个部分。

 

当鼠标指针移动到网页中的某个链接上时，箭头就会变成一只小手。

 

在标签<a>中使用了href属性来描述链接的地址。

 

HTML超链接语法

 

<a href="url">链接文本</a>

 

href属性描述了链接的目标

 

注意：链接文本不一定就是文本，可以是图片或者其他HTML元素。

 

HTML链接-target属性

 

使用target属性，可以定义被链接的文档在何处显示。

 

例如，在新窗口打开百度：

 

<a href="https://www.baidu.com/"> 点击访问百度<a/>

 

HTML链接-id属性

 

id属性可用于创建在一个HTML文档书签标记。常见的门户网站上由"回到底部"、"回到顶部"等，一般都是通过id属性实现的。

 

例如：

 

在HTML文档中插入ID：<a id="tips">顶部</a>

 

在HTML文档中创建一个超链接到"顶部"：<a href="#tips">回到顶部</a>

 

或者，从另一个页面创建一个超链接实现到此页面的顶部，这里需要先建立link，我们以后再说。

 

超链接基本的注意事项

 

请始终将正斜杠添加到子文件夹。假如这样书写链接：href="https://www.baidu.com"，就会向服务器产生两次 HTTP 请求。这是因为服务器会添加正斜杠到这个地址，然后创建一个新的请求，就像这样：href="https://www.baidu.com/"

 

HTML超链接标签

 

<a>:定义一个超级链接