码迷,mamicode.com
首页 > Web开发 > 详细

HTML 链接

时间:2020-12-01 12:22:07      阅读:11      评论:0      收藏:0      [点我收藏+]

标签:key   指针   使用   页面跳转   doc   set   文档   char   head   

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>      

HTML 链接

标签:key   指针   使用   页面跳转   doc   set   文档   char   head   

原文地址:https://www.cnblogs.com/xiaomi123/p/14043958.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!