在内层，放置第二个表格。用来展示内容。第二个table的宽度定为600像素，防止超过客户端的显示宽度。
1 2 3 4 5 6 7 8 9 10 11 |
|
邮件内容有几个部分，就设置几行（row）。
3. 图片
图片是唯一可以引用的外部资源。其他的外部资源，比如样式表文件、字体文件、视频文件等，一概不能引用。
有些客户端会给图片链接加上边框，要去除边框。
1 2 3 |
|
需要注意的是，不少客户端默认不显示图片（比如Gmail），所以要确保即使没有图片，主要内容也能被阅读。
4. 行内样式
所有的CSS规则，最好都采用行内样式。因为放置在网页头部的样式，很可能会被客户端删除。客户端对CSS规则的支持情况，请看这里。
另外，不要采用CSS的简写形式，有些客户端不支持。比如，不要写成下面这样：
1 |
|
如果想表达
1 |
|
要写成下面这样：
1 |
|
5. W3C校验和测试工具
要保证最终的代码，能够通过W3C的校验，因为某些客户端会把不合格属性剥离。还要使用测试工具（1, 2, 3），查看在不同客户端的显示结果。
发送HTML Email的时候，不要忘记MIME类型不能使用
1 |
|
而要使用
1 |
|
发送工具可以考虑使用 MailChimp 和 Campaign Monitor 。
6. 模板
使用别人已经做好的模板，是一个不错的选择（这里和这里），网上还可以搜到更多。
相信看了这些案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！
相关阅读：
HTML的代码书写有哪些规范
怎样用HTML和CSS做出大白
XHTML中有哪些常用的标签
以上就是使用HTML应该如何编写邮件模版的详细内容，更多文章请关注木庄网络博客！
相关阅读 >>
Html单选按钮默认选中怎么做？input标签的单选按钮用法实例
更多相关阅读请进入《Html》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
