HTML超链接标签

忘是亡心i 2022-08-03 03:20 135阅读 0赞

本文中的内容参考了W3School。

1.普通的超链接代码如下：

<span style="font-size:18px;"><a href="http://www.baidu.com/">转到百度</a></span>

2.用图片作为超链接源：

<a href="/example/html/lastpage.html"><img border="0" src="/i/eg_buttonnext.gif" /></a>

3.超链接时开启新的网页显示（使用 Target 属性，你可以定义被链接的文档在何处显示下面的这行会在新窗口打开文档）：

<a href="http://www.w3school.com.cn/" target="_blank">Visit W3School!</a>

4.HTML 链接 - name 属性

name 属性规定锚（anchor）的名称。

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

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

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

命名锚的语法：

<a name="label">锚（显示在页面上的文本）</a>

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

提示：您可以使用 id 属性来替代 name 属性，命名锚同样有效。

实例：

首先，我们在 HTML 文档中对锚进行命名（创建一个书签）：

<a name="tips">基本的注意事项 - 有用的提示</a>

然后，我们在同一个文档中创建指向该锚的链接：

<a href="#tips">有用的提示</a>

您也可以在其他页面中创建指向该锚的链接：

<a href="http://www.w3school.com.cn/html/html_links.asp#tips">有用的提示</a>

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

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

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

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

发表评论取消回复

表情：

评论列表（有 0 条评论，135人围观）

还没有评论，来说两句吧...

相关阅读

相关超链接标签(重点)

超链接标签(重点) 单词缩写： anchor 的缩写 \[ˈæŋkə\] 。基本解释锚在HTML中创建超链接非常简单，只需用标签把文字包括起来就好。语法格式：

叁歲伎倆/ 2022年12月25日 12:58/ 0 赞/ 122 阅读

相关 HTML中的路径和超链接标签

HTML中的路径和超链接标签路径 1、目录文件夹和根目录目录文件夹是一个普通文件夹，文件夹中存放一些制作页面所需要的相关素材，比如HTML文件、图片等根目

偏执的太偏执、/ 2022年12月14日 15:53/ 0 赞/ 228 阅读

相关 HTML-03-超链接

链接格式 <a href="跳转目标" target="新窗口打开方式"> 文本或者图片</a> href用于指定链接目标的url地址，当标签应用href

灰太狼/ 2022年09月11日 03:21/ 0 赞/ 202 阅读

相关 HTML超链接标签

本文中的内容参考了W3School。 1.普通的超链接代码如下： <span style="font-size:18px;"><a href="http://www

忘是亡心i/ 2022年08月03日 03:20/ 0 赞/ 136 阅读

相关 HTML——超链接

一、What？——什么是超链接先说一下我个人目前对“超链接”的理解，就两字：跳转哈哈，我个人的理解好像解释的有点简单粗暴了，比原词还

青旅半醒/ 2022年06月11日 06:59/ 0 赞/ 262 阅读

相关 HTML：建立超链接

第三章：建立超链接超级链接是HTML文档中的最基本特征之一，他能够让浏览者在各个独立的页面之间方便的跳转。每个网站都是由众多的网页组成，网页之间通常通过链接方式相互关联

Love The Way You Lie/ 2022年06月05日 05:14/ 0 赞/ 328 阅读

相关 HTML之超链接

HTML文本之所以被称为超文本，就是因为它具有普通文本所不具有的超链接功能。我们在浏览HTML文档时，可以通过点击关键字（一个超链接），来跳转页面。要让超链接能够正常工作，

分手后的思念是犯贱/ 2022年06月04日 09:11/ 0 赞/ 246 阅读

相关什么是HTML超链接？锚链接？

什么是HTML超链接？锚链接？ HTML超链接 1.超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，您可以点击这些内容来跳转到新的文档或者当前文档中的某个部

àì夳堔傛蜴生んèń/ 2022年02月15日 17:55/ 0 赞/ 253 阅读

相关 html 超链接

超链接(行内元素) <a>一定要写点击超链接名称,可以是文字或图片</a> 属性 href 写要跳转的网页资源路径

ゞ浴缸里的玫瑰/ 2021年07月24日 21:43/ 0 赞/ 498 阅读

相关 HTML链接：带超链接的网页

HTML链接：带超链接的网页任务描述相关知识概念属性 href属性锚 URL实例：创建网页内导

傷城~/ 2021年05月16日 20:37/ 0 赞/ 680 阅读