首页 > 技术文章 > HTML 链接

xiaomi123 2020-11-26 18:53 原文

HTML 使用超级链接与网络上的另一个文档相连。点击链接可以从一张页面跳转到另一张页面。

HTML 超链接(链接)

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

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

当您把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手。

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

默认情况下,链接将以以下形式出现在浏览器中:

  • 一个未访问过的链接显示为蓝色字体并带有下划线。
  • 访问过的链接显示为紫色并带有下划线。
  • 点击链接时,链接显示为红色并带有下划线。

注意:如果为这些超链接设置了 CSS 样式,展示样式会根据 CSS 的设定而显示。

HTML 链接语法

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

href 属性描述了链接的目标。.

例:

<a href="http://www.xinbiancheng.cn/">访问新编程</a>

上面这行代码显示为: 访问新编程

点击这个超链接会把用户带到新编程的首页。

提示: "链接文本" 不必一定是文本。图片或其他 HTML 元素都可以成为链接。

HTML 链接 - target 属性

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

例:在新窗口打开文档:

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">	
	<title>HTML 链接- target 属性-xinbiancheng.cn</title>
</head>
<body>
	<a href="http://www.xinbiancheng.cn/" target="_blank">访问新编程!</a>
	<p>如果你将 target 属性设置为 &quot;_blank&quot;, 链接将在新窗口打开。</p>
</body>
</html>      

推荐阅读