您是否知道，通过电子邮件营销，您可以吸引更多客户，将您的消息与社交网络集成，并在几分钟内衡量其影响？
免费试用
成为客座作者
您想成为为多普勒博客撰写文章的作者群体的一员吗？别再等了！将您的文章发送给我们。
立即加入
模板化您的 HTML 电子邮件
您是否敢于探索该技术提供的无限可能性并创建表达您品牌所有价值的电子邮件？如果您在开始之前具备相关知识和基本预防措施，这将不是一项不可能完成的任务。
在这篇文章中，我们将告诉您 HTML 是什么，它的主要元素是什么，以及在开始使用您的第一封电子邮件时应该记住什么。读完之后，你一定会有很多想法和策略可以付诸实践。不要想尝试一下！
什么是 HTML？
HTML（超文本标记语言）是一种允许我们以结构化方式编写文本的语言，文本由标签组成，标签标记每个元素的开始<>和结束</>，并向浏览器提供有关显示内容的信息在每个电子邮件客户端中。
按照这个推理，电子邮件只不过是一个HTML 文档，可以包含文本、图像甚至视频（如果电子邮件客户端允许），因此结果是多媒体文档。这些必须具有 .html 扩展名，以便电子邮件客户、浏览器和多普勒运动编辑器可以解释代码并正确显示最终结果。您是否曾尝试上传其他格式的文件而我们的编辑器不允许？现在你知道为什么了
HTML 代码以<html>标记开始，以</html>结束。在文档内（两个标签之间），有两个截然不同的区域：
以</head> 结尾的<head> 标头 提供有关文档的信息。
body <body> </body>， 要显示的文档内容所在。
要开始处理您的电子邮件，您必须包含DOCTYPE；这行代码通知电子邮件客户端正确读取标签以及应应用哪组HTML 和 CSS 规则。
然后，内容类型标签将告诉您如何处理文本和特殊字符。
最后，视口标签将指示文本应适合用户可见的区域（即设备屏幕的宽度）并设置初始比例。
下面我们介绍了布局 HTML 的基本元素，这些元素使用不同的标签引入到代码中。
表格：它们用于概述电子邮件的结构，并充当内容的“容器”。
标题：定义标题或标题的大小。
文本格式：允许您为文本指定特定的形状。
列表：允许您对元素进行排序或列出以使其更易于阅读。
链接：重定向到外部网页。
图片：它们是帮助您使电子邮件更具吸引力的不可避免的元素。
HTML 的基本结构如下所示：
简单的 HTML 电子邮件结构
理论之后，实践：正确布局 HTML 电子邮件的提示
如果您想从头开始创建您的作品，Doppler将帮助您完成营销活动的设置并将其不间断地带给您的订阅者。他们将是无与伦比的二人组！创建您的免费帐户，轻松将您的 HTML 导入我们的编辑器并确保及时交付。
在多普勒中创建您的帐户
在第一篇文章中，我们向您介绍了布局 HTML 和优化作品的 6 个 伊拉克电报数据 技巧。是时候添加其他 6 个秘诀和建议，以便您的电子邮件达到最佳版本。
1. 首先，选择简单的列和行结构
从结构开始布局 HTML 是关键；这将帮助您避免不同电子邮件客户端中的常见错误。从基本结构开始（就像我们上面向您展示的那样），继续完成一个部分，然后继续进行下一个部分。要想做好工作，就必须一步一步来，不解决上述问题才前进！
当您在作品布局上取得进展时，您可以发送测试来检查您是否走在正确的道路上。另一个好的做法是保持表格的边缘处于激活状态，您可以从中可视化结构的构造并在完成后将其删除。
2.响应式样机
在设计 HTML 时，您应该首先放弃“它在所有电子邮件客户端中看起来都同样好”的错误信念。您是否认为目前大多数订阅者都是通过智能手机查看您的电子邮件？在这种情况下，显示将与台式计算机不同。
例如，如果您设计了一个包含 3 列的 HTML，它在大屏幕上看起来会非常好，但要使其在平板电脑或手机上正确显示，您必须使用CSS 中的媒体查询属性，以便模板适应相应的尺寸。
这些类型的考虑因素和差异化目前对于您的营销活动的成功至关重要：它是关于创建100% 适应任何屏幕和设备的响应式电子邮件。
3.优化电子邮件的设计以方便其阅读
令人困惑的设计或包含拥挤元素和过多信息的设计，不仅无法有效沟通，还会转移订阅者的注意力。然而，色彩鲜艳和留白过多的设计会让他们感到厌烦，并让他们远离你在内容中提出的号召性用语，以鼓励他们购买、注册或参与。
您认为一个人平均花费多少时间阅读收件箱中每天收到的电子邮件？最近的研究表明，用户倾向于浏览每封电子邮件，并在每封电子邮件上平均花费七秒钟。
面对这种情况，您可以做些什么来让您的营销活动吸引注意力并脱颖而出？
不要使用多种多样的颜色，将注意力集中在令人愉悦的色调范围上。
以平衡的方式添加图像，不要滥用它们，并且只有它们能为您的电子邮件提供信息、色彩和活力。确保它们的大小都不超过 1MB（越少越好！）。
与上一个技巧相关，如有必要，请使用JPEGmini或kraken.io等图像压缩工具来尽可能减轻其重量。这将有助于在所有设备和电子邮件客户端上正确显示完整的作品。
请记住，您的订阅者有几秒钟的注意力，不要浪费它们！为您的电子邮件内容选择简单、和谐和互补的设计。
4. 注意特殊字符
出于可传递性和内容正确显示的原因，在布局电子邮件时，有必要“转义”特殊字符，即将它们转换为 HTML 格式（例如 á 应该是á）。为此，像Textfixer这样的工具可以使您的工作变得更加轻松。
5. 在您的营销活动中加入 GIF……采取这些预防措施！
最有吸引力的资源之一是动画 GIF 图像，好消息是使用多普勒编辑器，您可以毫无问题地插入它们。但是，请记住，它们可能无法在所有电子邮件客户端中正常工作和显示。
不同版本的 Outlook 在查看 GIF 时有最大的限制。如果您在第一帧或第一帧中调整最相关的动画设计和内容，则可以解决此问题。这样，您将最大限度地减少故障对订阅者可能产生的影响并改善用户体验。
