📅 最后修改于: 2023-12-03 15:27:14.748000 🧑 作者: Mango
这是一个电子邮件确认的 HTML 模板，可用于向用户发送确认邮件。该模板已经包含了一些必须的模块和代码段，但你也可以自由地根据你的需求进行修改。
该模板由以下几个部分构成：
邮件头部包含邮件主题、收件人信息、发件人信息等内容。这部分模板已经固定，你只需要修改其中的具体信息即可。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>电子邮件确认</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<style type="text/css">
/*邮件样式*/
</style>
</head>
<body>
<table
class="body-wrap"
style="font-size: 14px; width: 100%; margin: 0; padding: 0; font-family: Helvetica, Arial, sans-serif; line-height: normal;"
>
<tr>
<td
style="font-size: 14px; vertical-align: top; margin: 0; padding: 0;"
valign="top"
>
<table
style="max-width: 600px; width: 100%; margin: 0 auto; padding: 20px;"
>
<tr>
<td
class="align-center"
style="font-size: 14px; vertical-align: top; margin: 0; padding: 0;"
align="center"
valign="top"
>
<h1>电子邮件确认</h1>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
邮件主体包括欢迎词、确认链接等内容。这部分模板也已经固定，你只需要修改其中的具体信息即可。
<table
class="body-wrap"
style="font-size: 14px; width: 100%; margin: 0; padding: 0; font-family: Helvetica, Arial, sans-serif; line-height: normal;"
>
<tr>
<td
style="font-size: 14px; vertical-align: top; margin: 0; padding: 0;"
valign="top"
>
<table
style="max-width: 600px; width: 100%; margin: 0 auto; padding: 20px;"
>
<tr>
<td
class="align-center"
style="font-size: 14px; vertical-align: top; margin: 0; padding: 0;"
align="center"
valign="top"
>
<p
style="margin-bottom: 20px; font-size: 16px; font-weight: normal;"
>
你好，感谢你的注册！
</p>
<p
style="margin-bottom: 20px; font-size: 16px; font-weight: normal;"
>
请点击下面的链接完成注册：
</p>
<a
href="#"
style="display: inline-block; margin-bottom: 20px; font-size: 16px; font-weight: bold; text-decoration: none; background: #007bff; color: #fff; padding: 10px 20px; border-radius: 4px;"
>确认邮箱</a
>
</td>
</tr>
</table>
</td>
</tr>
</table>
邮件底部包括公司名称、联系信息等内容。这部分模板已经固定，你只需要修改其中的具体信息即可。
<table
class="body-wrap"
style="font-size: 14px; width: 100%; margin: 0; padding: 0; font-family: Helvetica, Arial, sans-serif; line-height: normal;"
>
<tr>
<td
style="font-size: 14px; vertical-align: top; margin: 0; padding: 0;"
valign="top"
>
<table
style="max-width: 600px; width: 100%; margin: 0 auto; padding: 20px;"
>
<tr>
<td
class="align-center"
style="font-size: 14px; vertical-align: top; margin: 0; padding: 0;"
align="center"
valign="top"
>
<hr style="border-color: #dbdbdb; margin-bottom: 20px;" />
<p
class="small"
style="color: #999; font-size: 12px; margin-bottom: 20px;"
>
本邮件由系统自动发出，请勿回复。<br />
© 2021 xxx有限公司
</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
以下是该模板的完整代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>电子邮件确认</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<style type="text/css">
/*邮件样式*/
</style>
</head>
<body>
<table
class="body-wrap"
style="font-size: 14px; width: 100%; margin: 0; padding: 0; font-family: Helvetica, Arial, sans-serif; line-height: normal;"
>
<tr>
<td
style="font-size: 14px; vertical-align: top; margin: 0; padding: 0;"
valign="top"
>
<table
style="max-width: 600px; width: 100%; margin: 0 auto; padding: 20px;"
>
<tr>
<td
class="align-center"
style="font-size: 14px; vertical-align: top; margin: 0; padding: 0;"
align="center"
valign="top"
>
<h1>电子邮件确认</h1>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table
class="body-wrap"
style="font-size: 14px; width: 100%; margin: 0; padding: 0; font-family: Helvetica, Arial, sans-serif; line-height: normal;"
>
<tr>
<td
style="font-size: 14px; vertical-align: top; margin: 0; padding: 0;"
valign="top"
>
<table
style="max-width: 600px; width: 100%; margin: 0 auto; padding: 20px;"
>
<tr>
<td
class="align-center"
style="font-size: 14px; vertical-align: top; margin: 0; padding: 0;"
align="center"
valign="top"
>
<p
style="margin-bottom: 20px; font-size: 16px; font-weight: normal;"
>
你好，感谢你的注册！
</p>
<p
style="margin-bottom: 20px; font-size: 16px; font-weight: normal;"
>
请点击下面的链接完成注册：
</p>
<a
href="#"
style="display: inline-block; margin-bottom: 20px; font-size: 16px; font-weight: bold; text-decoration: none; background: #007bff; color: #fff; padding: 10px 20px; border-radius: 4px;"
>确认邮箱</a
>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table
class="body-wrap"
style="font-size: 14px; width: 100%; margin: 0; padding: 0; font-family: Helvetica, Arial, sans-serif; line-height: normal;"
>
<tr>
<td
style="font-size: 14px; vertical-align: top; margin: 0; padding: 0;"
valign="top"
>
<table
style="max-width: 600px; width: 100%; margin: 0 auto; padding: 20px;"
>
<tr>
<td
class="align-center"
style="font-size: 14px; vertical-align: top; margin: 0; padding: 0;"
align="center"
valign="top"
>
<hr style="border-color: #dbdbdb; margin-bottom: 20px;" />
<p
class="small"
style="color: #999; font-size: 12px; margin-bottom: 20px;"
>
本邮件由系统自动发出，请勿回复。<br />
© 2021 xxx有限公司
</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
该模板可以直接复制使用，但务必根据自己的需求进行修改。