<A>标签用于创建超级链接（简称为超链接），它是到另一个文档或文件（图形、音频、视频）甚至到同一文档的另一部分的链接。当用户单击超级链接时，就会进入链接中指定的URL。超级链接可链接到：同一文档的特定部分，其他文档，其他文件——图像、音频、视频剪辑，其他站点等。

要创建超级链接，应指定以下两个组件：

(1) 要链接文件的完整地址或URL。

(2) 将提供链接的热点。热点可以是文本行，也可以是图像。当用户单击热点时，浏览器将读取URL中指定的地址并“跳”到新的位置。

锚记<A>标签用于标识充当HTML文档中文本或图像的超级链接。href（超文本引用）参数用于指定要链接文档的地址或URL。

本节单词记忆：标签 1.a 属性 1.href

网页学习网提示：html语言非常简单，不需要逻辑理解，而绝大部分朋友觉得它难以掌握，90%的原因在于英语单词不过关，所以每节记忆几个单词是非常有必要的。

一、链接到其他页面

链接到其他页面，就是单击此超级链接，打开一个新的HTML文档。

语法:

其中，href属性用来指定要链接的地址，“[免费注册]”是热点文本。

示例1:

示例1在浏览器中预览效果如图1所示，单击“[免费注册]”超级链接，用户就打开如图2所示的页面，即register.html文档，如图2所示。

       
图1 链接到其他页面                           图2 单击“[免费注册]”打开的页面

在示例1中，3个文件处在不同目录下，因此href参数可提供链接到其他目录中的文件。应指定绝对或相对路径名。

绝对路径名：指定从根目录到文件的完整路径。例如，要指向文件register.html，绝对路径名为D:\register\register.html。

相对路径名：指定相对于当前文件的文件位置。假定docl.htm和doc2.htm在同一文件夹下，则从docl.htm到doc2.htm的相对路径为：<A href=http://www.mamicode.com/”doc2.htm”>文档2的详细资料<／A>。

二、链接到本页面

如果一个页面的内容过多，导致页面过长，用户需要不停地拖动滚动条来查看文档中的内容，为了方便用户阅读过长的页面内容，可以使用锚点链接。

命名锚记也称为锚记，<A>标签的name属性用于创建锚点。

<A name=“marker">主题名称</A>

为达到这种跳转效果，请在href参数中使用如下标记。

<A href="http://www.mamicode.com/marker">主题名称</A>

超级链接名称前面的符号“#”告诉浏览器当前链接是文档中的一个锚记点。由于在符号“#”前未指定任何文档，浏览器由此知道该链接位于同一文档内。示例1演示了如何链接到同一文档的各个部分。

示例2:

示例2在浏览器中预览效果如图3所示。

图3 锚点链接

图4 锚点链接到位置
 

三、电子邮件链接

用户可从网页发送电子邮件。要做到这一点，可在链接标签中插入“mailto：邮箱地址”

例如：<A href=”mailto:taobaoWebMater@taobao.com”>站长信箱<A>

示例3:

单击“站长信箱”邮件链接，将打开用户的电子邮件程序，并且“收件人：”文本框中的电子邮件地址已指定为taobaoWebMater@taobao.com。

本节作业：

制作如下图网页。

注意事项：

1.将免费注册设置为超链接，可以链接到同级目录下的reg.html页面。

2.将联系我们设置为电子邮件链接。

3.将MOTO设置为锚点链接，可以跳转到下面的MOTO E2 音乐手机。

网页学习网提示：光看教程是无法让你掌握HTML知识，最好是完成作业后才进入下一次教程，动起手来吧！

点击下载第一章案例及作业资源 返回《HTML入门经典》教程列表