• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html/xhtml > HTML中的超链接标签使用教程

HTML中的超链接标签使用教程

作者:品味人生 字体:[增加 减小] 来源:互联网 时间:2017-08-05

本文主要包含HTML,超链接等相关知识,品味人生 希望在学习及工作中可以帮助到您

网站的各个HTML文档通过超链接的方式相互连接在一起,形成一个连贯的网站。用户可以通过点击超链接跳转到自己希望浏览的页面中。因此超链接在任何一个网站中都可以看到,是串联网站形成整体的核心组成部分。

锚点的布置
HTML超链接以<a>标签作为锚点进行触发,锚点需要有一个载体,而这个载体可以是一个文字、一个词、或者一句话,也可以是图像或者某个形状。当鼠标移动到带有锚点的载体上时,鼠标会变成一个小手的状态,示意用户可以进行点击,用户点击这个锚点后会跳转到这个<a>标签中href对应的地址上。

跳转属性的用法
在HTML链接中,使用 href 属性 可以创建指向另一个文档的链接,通常用于页面跳转。这个很常见,就不再阐述了。
使用 name 属性可以在文档内部创建书签,使超链接可以在文档内部跳转到页面的某一部分。例如:设置<a name=”dian1″></a>将其放置到页面的中间。然后在页面头部设置<a href=”#dian1″>跳转到页面中间</a>锚点,当用户在页面头部点击这个锚点事,页面会滚动跳转到name书签所在的位置,也就是页面中间。

HTML 链接语法
HTML链接的代码使用很简单。例如:

  1. <a href=”url”>锚文本链接</a>  

href属性用于设定跳转的目标,开始标签和结束标签之间的文字被作为超级链接来显示。


HTML 链接的target 属性
target属性可以设定通过锚文本点击跳转后页面的打开方式。有 4 个保留的目标名称用作特殊的文档重定向操作:
_blank
浏览器总在一个新打开、未命名的窗口中载入目标文档。
_self
这个目标的值对所有没有指定目标的 <a> 标签是默认目标,它使得目标文档载入并显示在相同的框架或者窗口中作为源文档。这个目标是多余且不必要的,除非和文档标题 <base> 标签中的 target 属性一起使用。
_parent
这个目标使得文档载入父窗口或者包含来超链接引用的框架的框架集。如果这个引用是在窗口或者在顶级框架中,那么它与目标 _self 等效。
_top
这个目标使得文档载入包含这个超链接的窗口,用 _top 目标将会清除所有被包含的框架并将文档载入整个浏览器窗口。一般是用于点击iframe框架中的锚点,目标链接直接在当前页面打开,而不是在iframe中加载。

HTML链接触发桌面软件发送邮件
在href属性中加入以mailto:开头的地址,并结合目标电子邮件的地址,可以直接调用用户电脑中的默认邮件管理软件,自动填写内容并发送邮件。
有很多网站上有,直接点击邮箱地址,会跳出发送邮件的界面。
这个邮箱超链接代码如下:

  1. <a href="mailto:email地址">EMAIL</a>    

例如:

  1. <a href="mailto:admin@myxzy.com">站长邮箱</a>  

注意:现在由于直接发布地址,可能垃圾邮件会很多很多,建议不要用这个邮箱超链接。
这个admin@myxzy.com邮箱由于我把地址写在这里,所以天天有垃圾邮件。
即使要要注明邮件地址不做超链接也不要直接用文字写在网站或者网页上,可以使用图片或者其他方式表示地址
复杂的链接:

  1. <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表单提交的几种方式_动力节点Java学院整理
  • HTML表单_动力节点Java学院整理
  • HTML大于号、小于号、空格、引号等常用的转义代码写法一览表
  • HTML中实现鼠标经停时整行(tr)变色
  • html格式化json的实例代码
  • html在消息按钮上增加数量角标的实现代码
  • html页面跳转传递参数问题
  • html、css和js注释规范用法小结
  • Html 实现动态显示颜色块的报表效果(实例代码)
  • html是什么文件 html文件如何打开

相关文章

  • 2017-08-05html 标签 dl dt dd使用说明
  • 2017-08-05设置IE8使用IE7的样式的代码
  • 2017-08-24html基本标签
  • 2017-08-05浅谈HTML的doctype和编码
  • 2017-08-05用DIV遮罩解决鼠标直接勾选checkbox无效的问题
  • 2017-08-05HTML的10个表格相关标记
  • 2017-08-05html页面嵌套使用示例(frameset使用方法)
  • 2017-08-05Xhtml 特殊字符收集
  • 2017-08-05HTMLimg标签的alt属性和title属性使用介绍
  • 2017-08-05舞动你的文字 巧用html中marquee属性

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • HTML表单提交的几种方式_动力节点Java学院整理
    • 通过css控制HTML文本框中的文字垂直居中
    • HTML网页头部代码实例详解
    • htm和html有什么区别 HTM和HTML的区别是什么
    • 缩短网页应用开发的十大省时技巧(图文教程)
    • HTML设计模式日常学习笔记整理
    • HTML的checkbox和radio样式美化的简单实例
    • Html技巧 语义化你的代码
    • 如何实现框架窗口间的关联及超链接的target属性的使用
    • HTML教程:收集的常用的HTML标签(6)

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有