HTML使⽤标签a来设置超⽂本链接
HTML 超链接(链接)
HTML使⽤标签 <a>来设置超⽂本链接。
超链接可以是⼀个字,⼀个词,或者⼀组词,也可以是⼀幅图像,您可以点击这些内容来跳转到新的⽂档或者当前⽂档中的某个部分。当您把⿏标指针移动到⽹页中的某个链接上时,箭头会变为⼀只⼩⼿。
在标签<a> 中使⽤了href属性来描述链接的地址。
默认情况下,链接将以以下形式出现在浏览器中:
⼀个未访问过的链接显⽰为蓝⾊字体并带有下划线。
访问过的链接显⽰为紫⾊并带有下划线。
点击链接时,链接显⽰为红⾊并带有下划线。本a
注意:如果为这些超链接设置了 CSS 样式,展⽰样式会根据 CSS 的设定⽽显⽰。
HTML 链接语法
链接的 HTML 代码很简单。它类似这样:
<a href="url">链接⽂本</a>
href 属性描述了链接的⽬标。.
实例
<a href="/">访问教程</a>
上⾯这⾏代码显⽰为:访问菜鸟教程
点击这个超链接会把⽤户带到菜鸟教程的⾸页。
提⽰: "链接⽂本"不必⼀定是⽂本。图⽚或其他 HTML 元素都可以成为链接。
HTML 链接 - target 属性
使⽤ target 属性,你可以定义被链接的⽂档在何处显⽰。
下⾯的这⾏会在新窗⼝打开⽂档:
实例
<a href="/" target="_blank" rel="noopener noreferrer">访问教程!</a>
HTML 链接- id 属性
id属性可⽤于创建在⼀个HTML⽂档书签标记。
提⽰: 书签是不以任何特殊的⽅式显⽰,在HTML⽂档中是不显⽰的,所以对于读者来说是隐藏的。
实例
在HTML⽂档中插⼊ID:
<a id="tips">有⽤的提⽰部分</a>
在HTML⽂档中创建⼀个链接到"有⽤的提⽰部分(id="tips")":
<a href="#tips">访问有⽤的提⽰部分</a>
或者,从另⼀个页⾯创建⼀个链接到"有⽤的提⽰部分(id="tips")":
<a href="/html/html-links.html#tips">
访问有⽤的提⽰部分</a>
基本的注意事项 - 有⽤的提⽰
注释:请始终将正斜杠添加到⼦⽂件夹。假如这样书写链接:href="/html",就会向服务器产⽣两次 HTTP 请求。这是因为服务器会添加正斜杠到这个地址,然后创建⼀个新的请求,就像这样:href="/html/"。
更多实例
图⽚链接
如何使⽤图⽚链接。
在当前页⾯链接到指定位置
如何使⽤书签
跳出框架
本例演⽰如何跳出框架,假如你的页⾯被固定在框架之内。
创建电⼦邮件链接
本例演⽰如何链接到⼀个邮件。(本例在安装邮件客户端程序后才能⼯作。)
创建电⼦邮件链接 2
本例演⽰更加复杂的邮件链接。
HTML 链接标签
标签描述
<a>定义⼀个超级链接