您现在的位置: 万盛学电脑网 >> 程序编程 >> 网页制作 >> Html5 >> 正文

html页面链接标签相关知识

作者:佚名    责任编辑:admin    更新时间:2022-06-22

html页面链接标签用于创建超级链接(简称为超链接),它是到另一个文档或文件(图形、音频、视频)甚至到同一文档的另一部分的链接。

当用户单击超级链接时,就会进入链接中指定的URL。超级链接可链接到:同一文档的特定部分,其他文档,其他文件——图像、音频、视频剪辑,其他站点等。

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

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

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

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

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

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

一、链接到其他页面

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

语法:


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

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

html页面链接标签

html页面链接标签

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

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

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

相对路径名:指定相对于当前文件的文件位置。假定docl.htm和doc2.htm在同一文件夹下,则从docl.htm到doc2.htm的相对路径为:

二、链接到本页面

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

命名锚记也称为锚记,标签的name属性用于创建锚点。

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

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

<A href="marker">主题名称</A>

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

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

html页面链接标签

html页面链接标签

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

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

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


相对路径名:指定相对于当前文件的文件位置。假定docl.htm和doc2.htm在同一文件夹下,则从docl.htm到doc2.htm的相对路径为:。

二、链接到本页面

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

命名锚记也称为锚记,标签的name属性用于创建锚点。

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

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

<A href="marker">主题名称</A>

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

三、电子邮件链接

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


例如:

单击“站长信箱”邮件链接,将打开用户的电子邮件程序,并且“收件人:”文本框中的电子邮件地址已指定为[email protected]

本节作业:

制作如下图网页。

html页面链接标签

以上就是精品学习提供的关于html页面链接标签的内容,希望能够带给您帮助。