html创建电子邮件链接教程

倖福魔咒の 提交于 2020-08-14 22:32:38

本篇文章给大家带来的内容是介绍在HTML中要怎么创建电子邮件链接,有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助。

在网页上放置HTML电子邮件链接并不困难,HTML的<a>标签就为我们提供了指定发送电子邮件的电子邮件地址的方法。

我们可以使用标签作为电子邮件标签,此时我们还需要配合使用“mailto:电子邮件地址”以及href属性才可以创建电子邮件链接。

以下就是<a>标签使用mailto而不是使用http协议的语法。

基本语法:

> <ahref="mailto:name@email.com">Email</a>

示例:

> <ahref= "mailto:abc@163.com">发送email</a>

运行此代码将生成一个链接,我们可以使用这个链接发送电子邮件。

现在,如果用户单击此链接,它就能自动打开当前计算机系统中默认的电子邮件客户端软件,例如OutLook Express以及Foxmail等。

注:使用此方法发送电子邮件有一个问题,如果用户的计算机上没有安装电子邮件客户端,则无法发送电子邮件。

默认设置

我们可以通过设置来指定默认电子邮件的主题和电子邮件正文以及电子邮件地址。

参数列表:

简单的邮件:只指定了主题

> <ahref="mailto:abc@163.com?subject=Hello%20again">发送Email</a>

复杂邮件:

> <ahref="mailto:haorooms@126.com?cc=name2@rapidtables.com&bcc=name3@rapidtables.com
> 
> &subject=The%20subject%20of%20the%20email
> 
> &body=The%20body%20of%20the%20email">

发送Email 用cc, bcc, 主题和内容

</a>

说明:

**抄送:**顾名思义就是把你所要发送的邮件复制一份,同时在发给别的人,但会注明“抄送”字样,用来提示对方,他不是主送人,不用答复、批复。

**注意:**我们应该使用 %20 来替换单词之间的空格字符,这样在浏览器上才可以正确地显示文本。

**总结:**以上就是本篇文章的全部内容,希望能对大家的学习有所帮助。

这里推荐一下我们的前端学习交流群:784783012 ,里面都是学习前端的,从最基础的HTML+CSS+JS【炫酷特效,游戏,插件封装,设计模式】到移动端HTML5的项目实战的学习资料都有整理,送给每一位前端小伙伴。2020最新技术,从企业招聘人才需求 到怎么学习前端开发,和学习什么内容都有免费系统分享大牛定时讲解前端技术!

点击:加入

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!