HTML中的超链接标签使用教程
网站的各个HTML文档通过超链接的方式相互连接在一起,形成一个连贯的网站。用户可以通过点击超链接跳转到自己希望浏览的页面中。因此超链接在任何一个网站中都可以看到,是串联网站形成整体的核心组成部分。
锚点的布置
HTML超链接以<a>标签作为锚点进行触发,锚点需要有一个载体,而这个载体可以是一个文字、一个词、或者一句话,也可以是图像或者某个形状。当鼠标移动到带有锚点的载体上时,鼠标会变成一个小手的状态,示意用户可以进行点击,用户点击这个锚点后会跳转到这个<a>标签中href对应的地址上。
跳转属性的用法
在HTML链接中,使用 href 属性 可以创建指向另一个文档的链接,通常用于页面跳转。这个很常见,就不再阐述了。
使用 name 属性可以在文档内部创建书签,使超链接可以在文档内部跳转到页面的某一部分。例如:设置<a name=”dian1″></a>将其放置到页面的中间。然后在页面头部设置<a href=”#dian1″>跳转到页面中间</a>锚点,当用户在页面头部点击这个锚点事,页面会滚动跳转到name书签所在的位置,也就是页面中间。
HTML 链接语法
HTML链接的代码使用很简单。例如:
- <a href=”url”>锚文本链接</a>
href属性用于设定跳转的目标,开始标签和结束标签之间的文字被作为超级链接来显示。
HTML 链接的target 属性
target属性可以设定通过锚文本点击跳转后页面的打开方式。有 4 个保留的目标名称用作特殊的文档重定向操作:
_blank
浏览器总在一个新打开、未命名的窗口中载入目标文档。
_self
这个目标的值对所有没有指定目标的 <a> 标签是默认目标,它使得目标文档载入并显示在相同的框架或者窗口中作为源文档。这个目标是多余且不必要的,除非和文档标题 <base> 标签中的 target 属性一起使用。
_parent
这个目标使得文档载入父窗口或者包含来超链接引用的框架的框架集。如果这个引用是在窗口或者在顶级框架中,那么它与目标 _self 等效。
_top
这个目标使得文档载入包含这个超链接的窗口,用 _top 目标将会清除所有被包含的框架并将文档载入整个浏览器窗口。一般是用于点击iframe框架中的锚点,目标链接直接在当前页面打开,而不是在iframe中加载。
HTML链接触发桌面软件发送邮件
在href属性中加入以mailto:开头的地址,并结合目标电子邮件的地址,可以直接调用用户电脑中的默认邮件管理软件,自动填写内容并发送邮件。
有很多网站上有,直接点击邮箱地址,会跳出发送邮件的界面。
这个邮箱超链接代码如下:
- <a href="mailto:email地址">EMAIL</a>
例如:
- <a href="mailto:admin@myxzy.com">站长邮箱</a>
注意:现在由于直接发布地址,可能垃圾邮件会很多很多,建议不要用这个邮箱超链接。
这个admin@myxzy.com邮箱由于我把地址写在这里,所以天天有垃圾邮件。
即使要要注明邮件地址不做超链接也不要直接用文字写在网站或者网页上,可以使用图片或者其他方式表示地址
复杂的链接:
- <a href="Mailto:ghsau@163.com?CC=ghsau@163.com&BCC=ghsau@163.com&Subject=Hello&Body=你好">给我发邮件</a>
其语法主要由以下几个部分组成
mailto: (发送邮件到) 后面跟随邮箱地址,例如:my@frontopen.com
? (分隔符)用于在地址后面跟随相应的参数
&; (参数连接符)同时设置多个参数时,需要用&符号进行区分连接
cc= 、 bcc=(抄送),后面跟随需要抄送人的邮箱地址,例如:my@frontopen.com
subject= (邮件主题)后面跟随你的邮件主题
body= (邮件内容)后面跟随需要的邮件内容
相关文章
- 下面小编就为大家带来一篇HTML基础知识——设置超链接的样式简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧2016-07-11
- 这篇文章主要介绍了XHTML中的超链接标签使用教程,包括锚链接和链接相对地址用法的介绍,需要的朋友可以参考下2016-03-06
- 这篇文章主要介绍了html如何用超链接打开新窗口其可控制窗口属性,主要使用到js的window.open方法,感兴趣的朋友可以看看哦2014-09-06
html超链接a标签的href跳转跟onclick之间执行顺序示例介绍
html超链接a标签的href跳转跟onclick之间执行关系:如果onclick返回false,则a不进行跳转,如果onclick返回true,则a跳转,感兴趣的朋友可以了解下本文2014-01-07- html 图片img加了超链接之后产生难看的蓝色边框该怎么解决呢?在接下来的文章中将为大家介绍下详细的解决方法,感兴趣的朋友可以参考下2013-10-14
- html超链接样式包括:正在连接、访问过、鼠标盘旋,各个文本字体样式设置如下,感兴趣的朋友可以学习下哦。希望对大家有所帮助2013-08-09
html 中文乱码 HTML超链接中文乱码问题分析及解决方法
Vm中一个超链接URL需要拼接中文作为Get请求的参数如果直接拼接,传到后台Action的参数对象中后取出会是乱码,需要编码后再拼接到URL上,接下来将和大家分享一下解决方法2012-12-30- 今天我们来谈谈HTML利用超链接打开链接文件的方法介绍2012-07-02
- CSS为一些特殊效果准备了特定的工具,我们称之为“伪类”。其中有几项是我们经常用到的,下面我们就详细介绍一下经常用于定义链接样式的四个伪类2012-12-02
- 超级链接a标记代表一个链接点,是英文anchor(锚点)的简写。它的作用是把当前位置的文本或图片连接到其他的页面、文本或图像,这已是众所周知了,但关于它的语法结构可能2009-04-02
最新评论