编码 mailchimp 电子邮件内联样式无法照常工作



所以我现在在我们要为公司发送的电子邮件上运行非常简单的编码,包括我们的徽标,我们是新代理商的新公司的图片,我还没有公司的任何简介,但它仍然会来

所以发生的事情是想在我的电子邮件发送器中添加一个小的背景更改,我们的徽标是白色的,身体的其余部分是深灰色的,但是一旦我在身体中创建一个div,它就会在我的图片和文本出现的地方中断

法典

<html> 
<header> 
<img src="https://gallery.mailchimp.com/2e2d72a3d233cacb63ee93d53/_compresseds/03bb5db7-9357-47d4-b8ab-a6f0ae575554.jpg" style="max-width:80%;height:auto;padding-left:9%;"/> 
<style>
body {Color: ; background-color:white} div {background-color:#545454;padding-top:20px;padding-bottom:0.2px} 
</style>
</header>
<body>
<br>
<h2 Style="Text-align:center;color:#A6ACAF;text-size:100%">We Are Now A</h2><h1 Style="text-align:center">LUK Agent <br><br> 
<div> 
<img src="https://gallery.mailchimp.com/2e2d72a3d233cacb63ee93d53/images/08ed7f7f-6417-4719-a3bc-3bf29a97bd1b.jpg" style="max-width:70%;height:auto;padding-left:0%;"/> <p Style="Text-align:Center;Border:5% solid #364C94;Align:Center;padding:5px;width:68.5%;margin-left:15%">Small Blurp of LUK</p>
</div>

在W3学校中运行时,它可以完美运行 如果有人可以将此编码添加到他们的 Mailchimp 中,就会明白我的意思,它会破坏代码和结构

以下是一些准则:

  • 关闭所有非自闭合标记(img 标记是自关闭的,但 body、html 和 h1 不是(。
  • 不要在标头中放置 img 标记。那里不允许这样做。将其移动到身体上。
  • 不要使用空的 CSS 命令,例如"颜色:;"。
  • 不要编造自己的CSS命令,比如"对齐";
  • 用小写字母编写CSS命令和属性(不确定这是强制性的,但将它们大写是非常罕见的(。
  • 使用缩进以保持清晰(HTML 结构(。

这将产生以下代码:

<html> 
<header> 
<style>
body {color: black;background-color:white;} 
div {background-color:#545454;padding-top:20px;padding-bottom:0.2px;} 
</style>
</header>
<body>
<img src="https://gallery.mailchimp.com/2e2d72a3d233cacb63ee93d53/_compresseds/03bb5db7-9357-47d4-b8ab-a6f0ae575554.jpg" style="max-width:80%;height:auto;padding-left:9%;" />
<br>
<h2 style="text-align:center;color:#A6ACAF;text-size:100%">We Are Now A</h2>
<h1 style="text-align:center">LUK Agent</h1>
<br>
<br> 
<div> 
<img src="https://gallery.mailchimp.com/2e2d72a3d233cacb63ee93d53/images/08ed7f7f-6417-4719-a3bc-3bf29a97bd1b.jpg" style="max-width:70%;height:auto;padding-left:0%;" /> 
<p style="text-align:center;border:5% solid #364C94;padding:5px;width:68.5%;margin-left:15%;">
Small Blurp of LUK
</p>
</div>
</body>
</html>

最新更新