邮件HTML基础代码
<!DOCTYPE html>
<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" lang="en">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
</head>
<body>
<!--这里插入邮件内容 -->
</body>
</html>
邮件内容外结构
<table class="email" width="600" border="0" cellpadding="0" cellspacing="0" role="presentation" style="margin:0 auto;">
<tbody>
<tr>
<td>
<!--这里插入邮件正文:行-->
</td>
</tr>
</tbody>
</table>
邮件正文:行
<table class="row" align="center" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace:0;mso-table-rspace:0">
<tbody>
<tr>
<!--列:根据列的数量,生成td的数量-->
<td style="" class="col">
<!--这里插入邮件正文:列内容-->
</td>
<td style="" class="col">
<!--这里插入邮件正文:列内容-->
</td>
<td style="" class="col">
<!--这里插入邮件正文:列内容-->
</td>
</tr>
</tbody>
</table>
组件:图片
<table class="imgage" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation">
<tr>
<td style="">
<img src="{{imgUrl}}" style="">I'm a new title</div>
</td>
</tr>
</table>
组件:按钮
<table class="btn" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation">
<tr>
<td style="">
<a style="" href="{{href}}" target="_blank">{{btnText}}</a>
</td>
</tr>
</table>
组件:文本
<table clas="text" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation">
<tr>
<td style="">
<div style="">{{text}}</div>
</td>
</tr>
</table>