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

àì夳堔傛蜴生んèń 2022-02-15 17:55 310阅读 0赞

## 什么是HTML超链接？锚链接？ ##

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

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

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

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

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

**2.HTML 链接语法**

<a href="http://www.baidu.com.cn/">打开百度</a>

**3.超链接属性：**

1.  href URL 规定链接指向的页面的 URL。
2.  type MIME type 规定被链接文档的的 MIME 类型。
3.  rel text 规定当前文档与被链接文档之间的关系。

## 锚链接： ##

**根据设置id值h和name属性来实现**

<a href="#" name="top"></a>
    <p><a href="#shuiguo">水果</a></p>
    <p><a href="#shucai">蔬菜</a></p>
    <p><a href="#yundong">运动</a></p>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <h1><a href="#" name="shuiguo">水果</a></h1>

**一般用于网页的“回到顶部”按钮**

发表评论取消回复

表情：

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

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

相关阅读

相关什么是软链接、硬链接

什么是软链接、硬链接一.软链接 ①软链接的概念：类同与windos的快捷方式，给文件创建一个快速的访问路径，它依赖于原文件，与普通文件没什么不同，inode

向右看齐/ 2022年12月24日 06:59/ 0 赞/ 176 阅读

相关 HTML-03-超链接

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

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

相关 HTML超链接标签

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

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

相关 HTML——超链接

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

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

相关 HTML：建立超链接

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

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

相关 HTML之超链接

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

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

相关前端学习笔记(HTML)——超链接与锚点

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti

冷不防/ 2022年03月10日 07:22/ 0 赞/ 249 阅读

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

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

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

相关 html 超链接

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

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

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

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

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