分享一个超好看的html邮件模板代码

以下是一个超好看的html邮件模板源码示例:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Email Template</title>
</head>
<body style="margin: 0; padding: 0;">
  <table border="0" cellpadding="0" cellspacing="0" width="100%">
    <tr>
      <td>
        <table align="center" border="1" cellpadding="0" cellspacing="0" width="600">
          <tr>
            <td bgcolor="#ffffff" style="padding: 20px;">
              <img src="https://example.com/logo.png" alt="Logo" style="display: block; margin: auto; max-width: 100%;">
            </td>
          </tr>
          <tr>
            <td bgcolor="#ffffff" style="padding: 20px;">
              <h1 style="text-align: center;">Welcome to our newsletter!</h1>
              <p>Dear [Name],</p>
              <p>We are excited to have you as part of our community! You have successfully subscribed to our newsletter and will now receive updates and news about our company.</p>
              <p>Thank you for joining us and we look forward to connecting with you.</p>
            </td>
          </tr>
          <tr>
            <td bgcolor="#ffffff" style="padding: 20px;">
              <p>If you have any questions or feedback, please do not hesitate to contact us at <a href="mailto:info@example.com">info@example.com</a>.</p>
              <p>Best regards,</p>
              <p>The Example Team</p>
            </td>
          </tr>
        </table>
      </td>
    </tr>
  </table>
</body>
</html>

在这个模板中,可以自由修改标题、文本和图片的内容,以满足你的需求。注意,一些电子邮件客户端可能会阻止特定的 HTML 元素和样式,所以在编写邮件模板时要遵循一些最佳实践。

猜你喜欢:

php实现邮件提醒功能的方法及代码实现

html代码实现相册功能

html实现轮播图片代码实例