HTML超链接标签

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

本文中的内容参考了W3School。

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

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

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

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

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

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

4.HTML 链接 - name 属性

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

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

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

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

命名锚的语法： 

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

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

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

实例：

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

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

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

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

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

  1. <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 条评论，318人围观）

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

相关阅读

    相关 超链接标签(重点)

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

    叁歲伎倆叁歲伎倆/ 0 赞/ 289 阅读

    相关 HTML——超链接

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

    青旅半醒青旅半醒/ 0 赞/ 443 阅读

    相关 HTML之超链接

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

    分手后的思念是犯贱分手后的思念是犯贱/ 0 赞/ 380 阅读