使用a标签拨发送邮件(收件人,抄送地址,密件抄送地址,邮件主题,邮件内容)

目录

        • 内容介绍
        • 一、相关参数
        • 二、代码
        • 三、a标签水平垂直居中
          • 1、display:block
          • 2、flex布局
        • 四、效果图
        • 五、更多内容
        • 六、happy一下

内容介绍

  使用a标签拨发送邮件(收件人,抄送地址,密件抄送地址,邮件主题,邮件内容)。

一、相关参数

参数 说明
mailto 收件人
cc 抄送地址
bcc 添加密件抄送地址
subject 邮件主题
body 邮件内容(换行 %0A

二、代码


<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>使用a标签发送邮件(完整版)title>
    <style>
        /* .cons {
            height: 60px;
            display: flex;
            display: -moz-flex;
            display: -o-flex;
            display: -webkit-flex;
            display: -ms-flex;
            justify-content: center;
            align-items: center;
        } */
        
        #mailTo {
      
            display: block;
            text-align: center;
            height: 60px;
            line-height: 60px;
            text-decoration: none;
        }
    style>
head>

<body>
    
    
    
    
    

    
    <a id="mailTo" href="mailto:[email protected][email protected][email protected]&subject=[我是主题]&body=我是邮件内容%0A%0Ahttp://www.baidu.com%0A%0A'https://liujianwei695.gitee.io/minifile/images/officialAccount.jpg' />">点击我发邮件a>
    
body>

html>

三、a标签水平垂直居中

1、display:block
<a id="mailTo" href="mailto:[email protected][email protected][email protected]&subject=[我是主题]&body=我是邮件内容%0A%0Ahttp://www.baidu.com%0A%0A'https://liujianwei695.gitee.io/minifile/images/officialAccount.jpg' />">点击我发邮件a>
#mailTo {
     
    display: block;
    text-align: center;
    height: 60px;
    line-height: 60px;
    text-decoration: none;
}
2、flex布局
<div class="cons">
    <a id="mailTo" href="mailto:[email protected][email protected][email protected]&subject=[我是主题]&body=我是邮件内容%0A%0Ahttp://www.baidu.com%0A%0A'https://liujianwei695.gitee.io/minifile/images/officialAccount.jpg' />">点击我发邮件a>
div>
.cons {
     
    height: 60px;
    display: flex;
    display: -moz-flex;
    display: -o-flex;
    display: -webkit-flex;
    display: -ms-flex;
    justify-content: center;
    align-items: center;
}

四、效果图

使用a标签拨发送邮件(收件人,抄送地址,密件抄送地址,邮件主题,邮件内容)_第1张图片
使用a标签拨发送邮件(收件人,抄送地址,密件抄送地址,邮件主题,邮件内容)_第2张图片

五、更多内容

使用 a标签 或 js 群发短信:https://blog.csdn.net/cainiaoyihao_/article/details/116259913

a标签常用属性——你是否都用过?:https://blog.csdn.net/cainiaoyihao_/article/details/116296294

六、happy一下

app热榜只显示到50名,我不配啊我不配;在这里插入图片描述


在这里插入图片描述


标签:a标签,发送邮件


更多演示案例,查看 案例演示


欢迎评论留言!

你可能感兴趣的:(前端,前端相关,a标签,发送邮件)