分享好友 最新动态首页 最新动态分类 切换频道
HTML 十四 链接
2024-12-27 05:17

HTML 使用超级链接与网络上的另一个文档相连。

HTML 十四 链接

几乎可以在所有的网页中找到链接。点击链接可以从一张页面跳转到另一张页面。


本例演示如何在 HTML 文档中创建链接。

 

本例演示如何使用图像作为链接。

 
 

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

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

我们通过使用 <a> 标签在 HTML 中创建链接。

有两种使用 <a> 标签的方式

  1. 通过使用 href 属性 - 创建指向另一个文档的链接
  2. 通过使用 name 属性 - 创建文档内的书签

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

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

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

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


标记语言的真正威力在于其收集能力,它可以将收集来的文档组合成一个完整的信息库,并且可以将文档库与世界上的其他文档集合链接起来。

这样的话,读者不仅可以完全控制文档在屏幕上的显示,还可以通过超链接来控制浏览信息的顺序。这就是 HTML 和 XHTML 中的 “HT” - 超文本(hypertext,就是它将整个 Web 网络连接起来。


超文本的基本特征就是可以超链接文档;你可以指向其他位置,该位置可以在当前的文档中、局域网中的其他文档,也可以在因特网上的任何位置的文档中。这些文档组成了一个杂乱的信息网。目标文档通常与其来源有某些关联,并且丰富了来源;来源中的链接元素则将这种关系传递给浏览者。

超链接可以用于各种效果。超链接可以用在目录和主题列表中。浏览者可以在浏览器屏幕上单击鼠标或在键盘上按下按键,从而选择并自动跳转到文档中自己感兴趣的那个主题,或跳转到世界上某处完全不同的集合中的某个文档。

超链接还可以向浏览者指出有关文档中某个主题的更多信息。例如,“如果您想了解更详细的信息,请参阅某某页面。”。作者可以使用超链接来减少重复信息。例如,我们建议创作者在每个文档中都签署上自己的姓名。这样就可以使用一个将名字和另一个包含地址、电话号码等信息的单独文档链接起来的超链接,而不必在每个文档中都包含完整的联系信息。

超链接(hyper text,或者按照标准叫法称为(anchor,是使用 <a> 标签标记的,可以用两种方式表示。锚的一种类型是在文档中创建一个热点,当用户激活或选中(通常是使用鼠标)这个热点时,会导致浏览器进行链接。浏览器会自动加载并显示同一文档或其他文档中的某个部分,或触发某些与因特网服务相关的操作,例如发送电子邮件或下载特殊文件等。锚的另一种类型会在文档中创建一个标记,该标记可以被超链接引用。

还有一些与超链接相关联的鼠标相关事件。这些事件与 JavaScript 结合使用可以产生一些令人激动的效果。

注释

锚的这两种类型都使用同样的标签;也许这就是它们拥有同样的名称的原因。但是我们发现,如果将它们区分开,把提供热点和超链接地址的锚看作“链接”,而用于标记文档的目标部分的锚称为“锚”,那么您将更容易理解这两种类型的锚。


链接的 HTML 代码很简单。它类似这样

 

href 属性规定链接的目标。

开始标签和结束标签之间的文字被作为超级链接来显示。

 

上面这行代码显示为:Visit W3School

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

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


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

下面的这行会在新窗口打开文档

 

name 属性规定锚(anchor)的名称。

您可以使用 name 属性创建 HTML 页面中的书签。

书签不会以任何特殊方式显示,它对读者是不可见的。

当使用命名锚(named anchors)时,我们可以创建直接跳至该命名锚(比如页面中某个小节)的链接,这样使用者就无需不停地滚动页面来寻找他们需要的信息了。

 

提示:锚的名称可以是任何你喜欢的名字。

提示:您可以使用 id 属性来替代 name 属性,命名锚同样有效。【推荐使用id属性】

在HTML文档中插入ID:

 

在HTML文档中创建一个链接到"有用的提示部分(id="tips""

 

或者,从另一个页面创建一个链接到"有用的提示部分(id="tips""

 

在上面的代码中,我们将 # 符号和锚名称添加到 URL 的末端,就可以直接链接到 tips 这个命名锚了。


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

提示:命名锚经常用于在大型文档开始位置上创建目录。可以为每个章节赋予一个命名锚,然后把链接到这些锚的链接放到文档的上部。如果您经常访问百度百科,您会发现其中几乎每个词条都采用这样的导航方式。

提示:假如浏览器找不到已定义的命名锚,那么就会定位到文档的顶端。不会有错误发生。


本例演示如何使用链接跳转至文档的另一个部分

 
 

 

本例演示如何跳出框架,假如你的页面被固定在框架之内。

 
 

 

本例演示如何链接到一个邮件。(本例在安装邮件客户端程序后才能工作。

 
 

 

本例演示更加复杂的邮件链接。


最新文章
SQL成绩统计分析—排名问题
ROW_NUMBER(),RANK(),DENSE_RANK(),NTILE()最近写了近半个月的成绩统计服务 , 被SQL折磨半死,下面介绍下在SQL成绩统计分析中遇到的一些小问题,首先介绍下成绩分析中经常遇到的问题 就是排名问题
郎溪县统计局领导团队全新亮相,未来工作展望与领导团队介绍
郎溪县统计局迎来最新领导团队,成员具备丰富的专业知识和实践经验。该团队致力于优化统计工作流程,提高数据质量,并积极参与社会经济统计分析。他们的工作展望包括加强数据监测和预警,深化统计服务,推动统计信息化建设,提高统计工作的
腾讯云AI代码助手商标申请中,数字化工具全面开放引关注
据企查查APP最新数据显示,腾讯科技(深圳)有限公司近期提交了一项名为“腾讯云AI代码助手”的商标注册申请,该商标被归类于科学仪器领域,目前正处于注册申请的流程之中。腾讯云AI代码助手是一款旨在提升编程效率的智能工具,其核心功能
聚合物水泥基防水涂料,从原理到实践的详细指南
在建筑工程中,防水是一个极为关键的环节,特别是地下室的防水问题。地下室底板和墙板的防水,都有各自的讲究,今天咱就来详细唠唠这事儿。先说说地下室底板吧。高聚物改性沥青防水卷材,它材料本身的防水性能杠杠的,价格也比较实惠。可你
农田小气候气象站设备—监测农田环境中的气象参数
型号推荐:TH-NQ10,云境天合,品质保障,1-5-6-6-6-8-8-7-3-9-6】农田小气候气象站设备是用于监测农田环境中的气象参数的设备,能够实时监测农田的空气温度、空气湿度、土壤水分、土壤温度、风速、风向、雨量、光照强度等常规气象要素。通
新站如何让百度收录?
1、和Google一样,可以与优秀的网站首页交换链接。采用在百度中搜索某个关键词,排在前几名的,有收录日期的网站便是百度认为优秀的网站(当然也可以在非首页处交换链接,速度也算比较快)。  2、提
迈向福祉型人工智能:指导原则与行动路线图
12月3日,卡耐基国际和平基金会主席Mariano-Florentino Cuéllar、谷歌首席科学家Jeff Dean、知名计算机科学家David Patterson等人撰写的长篇报告“Shaping AI’s Impact on Billions of Lives”发布,报告探讨了利用人工智能增进大众福祉
手游排行榜大全 最受欢迎的手游合集2024
想必大家空闲的时候总会玩游戏打发时间,小编也不例外平常喜欢玩一些手游。所以今天盘点了手游排行榜大全供大家参考,这些游戏的类型都是十分丰富的,给喜欢玩游戏的小伙伴们提供一个参考,下面就来看看有哪些游戏吧。1、《时空猎人3》在这
百度SEO攻略,揭秘企业网站搜索引擎制胜之道
百度推广SEO,揭秘高效策略助您企业网站在搜索引擎中独树一帜。通过优化关键词、提升网站内容质量、构建良好链接和提升用户体验,实现网站流量倍增,提高品牌知名度,让您的企业在线上竞争中领先一步。百度推广:精准定位,迅速提升品牌知
项目常用函数封装总结
注意这里用fs的话,只能检测项目部署的那台电脑(即,项目部署到那台电脑,检测那台电脑) 下面介绍了第三个,其他的自行百度,很简单的 BroadCast ChannelService WorkerLocalStorage + storageopen +
相关文章
推荐文章
发表评论
0评