如何使用HTML和CSS制作gmail的电子邮件模板 [英] How to make an email template for gmail using HTML and CSS

问题描述

我想知道如何使用HTML和CSS设计电子邮件模板，然后将其纳入电子邮件。

I was wondering how I could design an email template using HTML and CSS and then incorporate that into an email. I want to do it as other companies do when they send confirmation emails and newsletters.

推荐答案

无论您希望通过电子邮件手动或使用预先存在的模板，在创建HTML电子邮件时需要注意以下几条规则：

Whether you prefer to code an email by hand, or use a pre-existing template, there are a few rules to keep in mind in creating an HTML email:

• 利用表格


• 固定宽度定位（适用于非回应电子邮件）


• 像素单位


• CSS


• 内嵌CSS


• Anchor链接最佳实践


• 在所有主要客户中测试


• 始终提供基于网络的视图


• 添加图片内容


• 文件夹！


• 添加非订阅选项

• Utilize Tables in your Layouts
• Fixed-Width Positioning (for non-responsive emails)
• Pixel Units
• The Possibilities with CSS (check Ultimate Guide to CSS link below)
• Inline CSS
• Anchor Links Best Practices
• Test in All Major Clients
• Always Offer Web-Based Views
• Adding Image Content
• Avoid the Spam Folder!
• Add Un-Subscribe Option

查看这些网站了解更多信息关于此主题：

Take a look at these sites for more info on this subject:

如何代码HTML电子邮件简报

9 Tricks to Design The Perfect HTML Newsletter

如何用6个简单步骤编写电子邮件简报

CSS的终极指南 - 每个流行的移动，网络和桌面电子邮件的CSS支持的完整细分客户

The Ultimate Guide to CSS - A complete breakdown of the CSS support for every popular mobile, web and desktop email client

这篇关于如何使用HTML和CSS制作gmail的电子邮件模板的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！