您现在的位置是:网站首页> 编程资料编程资料
HTML中的超链接标签使用教程HTML基础知识——设置超链接的样式简单实例XHTML中的超链接标签使用教程html 用超链接打开新窗口其可控制窗口属性html超链接a标签的href跳转跟onclick之间执行顺序示例介绍解决html 图片img加超链接后产生难看的蓝色边框问题html超链接样式(四种不同状态)设置示例html 中文乱码 HTML超链接中文乱码问题分析及解决方法HTML利用超链接打开链接文件的方法介绍HTML设置超链接字体颜色和点击后的字体颜色网页制作初学者:学用HTML的超链接A标记
2021-08-30
1640人已围观
简介 这篇文章主要介绍了HTML中的超链接标签使用教程,包括邮件链接的使用方法,需要的朋友可以参考下
网站的各个HTML文档通过超链接的方式相互连接在一起,形成一个连贯的网站。用户可以通过点击超链接跳转到自己希望浏览的页面中。因此超链接在任何一个网站中都可以看到,是串联网站形成整体的核心组成部分。
锚点的布置
HTML超链接以标签作为锚点进行触发,锚点需要有一个载体,而这个载体可以是一个文字、一个词、或者一句话,也可以是图像或者某个形状。当鼠标移动到带有锚点的载体上时,鼠标会变成一个小手的状态,示意用户可以进行点击,用户点击这个锚点后会跳转到这个标签中href对应的地址上。
跳转属性的用法
在HTML链接中,使用 href 属性 可以创建指向另一个文档的链接,通常用于页面跳转。这个很常见,就不再阐述了。
使用 name 属性可以在文档内部创建书签,使超链接可以在文档内部跳转到页面的某一部分。例如:设置将其放置到页面的中间。然后在页面头部设置跳转到页面中间锚点,当用户在页面头部点击这个锚点事,页面会滚动跳转到name书签所在的位置,也就是页面中间。
HTML 链接语法
HTML链接的代码使用很简单。例如:
- <a href=”url”>锚文本链接a>
href属性用于设定跳转的目标,开始标签和结束标签之间的文字被作为超级链接来显示。
HTML 链接的target 属性
target属性可以设定通过锚文本点击跳转后页面的打开方式。有 4 个保留的目标名称用作特殊的文档重定向操作:
_blank
浏览器总在一个新打开、未命名的窗口中载入目标文档。
_self
这个目标的值对所有没有指定目标的 标签是默认目标,它使得目标文档载入并显示在相同的框架或者窗口中作为源文档。这个目标是多余且不必要的,除非和文档标题
_parent
这个目标使得文档载入父窗口或者包含来超链接引用的框架的框架集。如果这个引用是在窗口或者在顶级框架中,那么它与目标 _self 等效。
_top
这个目标使得文档载入包含这个超链接的窗口,用 _top 目标将会清除所有被包含的框架并将文档载入整个浏览器窗口。一般是用于点击iframe框架中的锚点,目标链接直接在当前页面打开,而不是在iframe中加载。
HTML链接触发桌面软件发送邮件
在href属性中加入以mailto:开头的地址,并结合目标电子邮件的地址,可以直接调用用户电脑中的默认邮件管理软件,自动填写内容并发送邮件。
有很多网站上有,直接点击邮箱地址,会跳出发送邮件的界面。
这个邮箱超链接代码如下:
- <a href="mailto:email地址">EMAILa>
例如:
- <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中table表格标签的基础学习教程详解HTML中table表格的frame和rules属性html css 控制div或者table等固定在指定位置的实现方法使用HTML5中的contentEditable来将多行文本自动增高深入解析HTML的table表格标签与相关的换行问题html中Div与table的区别(各方面细节探讨)html固定标题列、标题头table具体实现代码html的table用法(让网页的视觉效果显示出来)HTML table 直列化格式详解
- html制作细线表格的简单实例html5绘制的用户数据表格与饼状图形效果源码HTML表格布局实例讲解有关HTML表格边框的设置小技巧Div+CSS对HTML的table表格定位用法实例深入解析HTML的table表格标签与相关的换行问题
- 浅谈html标签的显示模式(块级标签,行内标签,行内块标签)H1标签使用的七大注意事项(推荐)浅谈Html5中视频 音频标签 进度条的问题关于HTML5语义标签的实践(blog页面)HTML的meta标签常见用法集锦HTML基础重点_一般标签、常用标签和表格HTML的form表单标签用法学习教程HTML中的超链接标签使用教程HTML中table表格标签的基础学习教程html5基于canvas实现的文字标签云3D旋转动画特效源码HTML5之语义标签介绍
- HTML 隐藏滚动条和去除滚动条的方法html 隐藏滚动条的简单实现
- Html/Css(新手入门第一篇必看攻略)css 入门基础教程CSS入门篇之传智播客学习15个必须阅读的CSS入门文章CSS 语法 学习css入门者看css入门教程之学习网页布局(1)-CSS教程-网页制作-网页教学网学DIV CSS技术,如何入门?-CSS教程-网页制作-网页教学网CSS入门教程:网页首字下沉-CSS教程-网页制作-网页教学网css是什么_动力节点Java学院整理
- 关于input的file 控件及美化限制html文本框input只能输入数字和小数点input checkbox 扩大点击范围的实现方法浅谈html中input只读属性readonly和disable的区别点击按钮文字变成input框,点击保存变成文字的实现代码快速解决input[type=file]打开时慢、卡顿的问题
- HTML中文件上传时使用的<input type="file">元素的样式自定义HTML5表单新特征简介与举例 WORD版HTML5的新特性(1) HTML5新特性之用SVG绘制微信logo HTML5有哪些新特征文件上传input file简便美化方案(css)upfile asp文件上传 又一奇迹般的突破用Jquery实现大文件上传 Jquery Large File Upload v10.31.0ASP.NET FileUpload 文件上传控件HTML5新特性之type=file文件上传功能
- htm初学笔记(新手必看)全面了解html.css溢出HTML5中原生的右键菜单创建方法使用HTML5里的classList操作CSS类HTML简述(新手必看) ppt版浅谈HTML代码中的空格和空行HTML5 canvas基本绘图之图形组合
- 全面了解html.css溢出html 表格比较宽溢出的解决方法html文本溢出显示省略字符的两种常用解决方法
- 浅谈HTML代码中的空格和空行HTML中的5种空格各表示的意义HTML大于号、小于号、空格、引号等常用的转义代码写法一览表探讨HTML不同空格的特性与表现形式(推荐)浅析html 空格代码HTML/CSS中的空格处理及如何保留页面中的空格
