user@dailytools:/html-email-builder█

HTML Email 產生器

▸ 全域設定

$ template:

$ width:

$ font:

$ bgColor:#f4f4f4

$ contentBg:#ffffff

$ textColor:#333333

$ linkColor:#1a73e8

▸ 區塊列表

▸header頁首

▸text文字區塊

▸footer頁尾

▸ 即時預覽

$ viewport:

> HTML 輸出

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Email</title>
<style type="text/css">
body { margin: 0; padding: 0; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
table { border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; }
img { border: 0; line-height: 100%; outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; }
@media only screen and (max-width: 620px) {
  .email-container { width: 100% !important; }
  .email-container td { padding-left: 15px !important; padding-right: 15px !important; }
}
</style>
</head>
<body style="margin: 0; padding: 0; background-color: #f4f4f4; font-family: Arial, Helvetica, sans-serif; color: #333333">
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color: #f4f4f4">
<tr>
<td align="center" style="padding: 20px 0;">
<table class="email-container" width="600" cellpadding="0" cellspacing="0" border="0" style="max-width: 600px; background-color: #ffffff">
<tr>
<td align="center" style="background-color: #ffffff">
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color: #1a73e8; padding: 20px 30px; text-align: center; font-family: Arial, Helvetica, sans-serif">
<tr><td style="color: #ffffff; font-size: 24px; font-weight: bold; margin: 0; line-height: 1.4">Company Name</td></tr>
</table>
</td>
</tr>
<tr>
<td align="center" style="background-color: #ffffff">
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr><td style="padding: 20px 30px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #333333; line-height: 1.6; text-align: left">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</td></tr>
</table>
</td>
</tr>
<tr>
<td align="center" style="background-color: #ffffff">
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr><td style="padding: 20px 30px; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #999999; line-height: 1.5">© 2026 Company Name. All rights reserved.<br><a href="https://example.com/unsubscribe" style="color: #1a73e8; text-decoration: underline">Unsubscribe</a><br><span style="font-size: 11px;">123 Main Street, City, Country</span></td></tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>

使用說明

線上 HTML Email 產生器，建立相容各大郵件客戶端的電子郵件範本。

選擇範本自動填入區塊，編輯各區塊內容與樣式，調整全域色彩與字型設定。產生的 HTML 使用 table 佈局與 inline CSS，確保在 Gmail、Outlook、Apple Mail 等客戶端正確顯示。

$ cat /etc/author.conf

喜歡這個專案嗎？

您的支持能幫助我持續開發更多實用工具！

[ Buy me a coffee ] [ Portaly ] [ Blog ]