如何使用Table元素[+模板]创建HTML电子邮件

虽然电子邮件和网页都是用HTML还有CSS，对电子邮件进行编码不同于对网页进行编码。这是因为电子邮件应用程序遵循的标准与web浏览器不同。

每个电子邮件应用程序都有自己的呈现引擎，它支持不同的HTML标记和CSS属性，因此决定了电子邮件的显示方式。例如，Microsoft Outlook使用Microsoft Word作为其呈现引擎，该引擎不支持CSS填充属性。而Gmail则不支持。

由于电子邮件应用程序以不同的方式呈现电子邮件，电子邮件营销人员无法采用与网页设计师或开发人员相同的编码方法。相反，他们必须使用HTML表格元素创建电子邮件和内联CSS以设置其样式。让我们浏览下面的过程。

HTML电子邮件表模板

HTML电子邮件由多个表元素组成。每个表元素表示电子邮件的不同部分，包括页眉、正文和页脚。

下面是一个非常基本的HTML电子邮件表模板。


















<！--标题-->






<！--正文-->






<！--页脚-->

注意，有一个divid名称为“email”。此div包含三个表：每个表表示电子邮件的页眉、正文和页脚。这些是HTML电子邮件的基本构造块。

使用此模板，您可以生成更复杂的电子邮件，如下图所示。

看到笔了吗HTML电子邮件表模板克里斯蒂娜·佩里康(@轮毂点)在代码笔.

让我们仔细看看可以定义哪些属性来为HTML电子邮件添加边框、背景色和其他样式。

在HTML中，属性提供有关HTML元素的附加信息。这些信息可以是必需的，也可以是非必需的，并影响HTML元素的外观、位置或功能。

属性总是可以在HTML元素的开始标记中找到，并且具有语法：name=“value”。属性可以在开始标记中以任意顺序写入。

许多属性可以应用于多个元素。例如，可以在图像或表格元素上设置宽度属性。但是，某些属性对于某些HTML元素是唯一的。表有自己的一组属性，包括：

角色：角色属性必须设置为“presentation”。presentation角色用于删除元素及其子元素的语义。这对于HTML电子邮件中的表元素是必需的，因为它们仅用于布局目的。
排列：“对齐”属性指定表格根据周围文本的对齐方式。您可以将该属性设置为“左”、“右”或“中”。
单元间距：cellspacing属性指定单元格之间的间距。它应设置为以像素为单位的数字。
细胞填充：cellpadding属性指定单元格墙和单元格内容之间的空间。它应该设置为以像素为单位的数字。设置单元格填充有两个选项。可以为每个表元素设置一次cellpadding属性。或者可以使用内联CSS在单个单元格中设置填充。由于混合使用这两种方法可能会导致电子邮件应用程序出现问题，因此最好避免使用这两种方法。

现在让我们仔细看看下面的一些其他属性。