HTML超链接标签

忘是亡心i 2022-08-03 03:20 250阅读 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 条评论，250人围观）

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

相关阅读

相关 html的超链接标签 a

超链接标签的学习和所做知识梳理

蔚落/ 2024年05月06日 21:22/ 0 赞/ 104 阅读

相关超链接标签

![5d2dae599bc64173f64691e9bed60253.png][] <!DOCTYPE html> <html> <h

谁践踏了优雅/ 2023年10月03日 22:53/ 0 赞/ 57 阅读

相关链接标签（HTML）

链接标签（HTML） <!DOCTYPE html> <html lang="en"> <head> <meta charset=

清疚/ 2023年10月03日 12:22/ 0 赞/ 35 阅读

相关超链接标签

![a66703c099000a36acc597e269806291.png][] <!DOCTYPE html> <html> <h

秒速五厘米/ 2023年09月27日 13:38/ 0 赞/ 30 阅读

相关超链接标签(重点)

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

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

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

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

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

相关 HTML超链接标签

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

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

相关 HTML——超链接

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

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

相关 HTML之超链接

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

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

相关 html 超链接

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

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