HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
</head>
<body>
<table cellpadding="0" cellspacing="0" border="0" align="center" width="600" height="931">
<tr>
<td>
<a href="http://www.google.com" target="_blank">
<img src="images/img_01.png" alt="" style="display:block;" width="600" height="100" border="0" />
</a>
</td>
</tr>
<tr>
<td>
<a href="http://www.google.com" target="_blank">
<img src="images/img_02.png" alt="" style="display:block;" width="600" height="100" border="0" />
</a>
</td>
</tr>
<tr>
<td>
<a href="http://www.google.com" target="_blank">
<img src="images/img_03.png" alt="" style="display:block;" width="600" height="100" border="0" />
</a>
</td>
</tr>
<tr>
<td>
<a href="http://www.google.com" target="_blank">
<img src="images/img_04.png" alt="" style="display:block;" width="600" height="100" border="0" />
</a>
</td>
</tr>
<tr>
<td>
<a href="http://www.google.com" target="_blank">
<img src="images/img_05.png" alt="" style="display:block;" width="600" height="100" border="0" />
</a>
</td>
</tr>
<tr>
<td>
<a href="http://www.google.com" target="_blank">
<img src="images/img_06.png" alt="" style="display:block;" width="600" height="100" border="0" />
</a>
</td>
</tr>
<tr>
<td>
<a href="http://www.google.com" target="_blank">
<img src="images/img_07.png" alt="" style="display:block;" width="600" height="100" border="0" />
</a>
</td>
</tr>
<tr>
<td>
<a href="http://www.google.com" target="_blank">
<img src="images/img_08.png" alt="" style="display:block;" width="600" height="100" border="0" />
</a>
</td>
</tr>
<tr>
<td>
<a href="http://www.google.com" target="_blank">
<img src="images/img_09.png" alt="" style="display:block;" width="600" height="100" border="0" />
</a>
</td>
</tr>
<tr>
<td>
<a href="http://www.google.com" target="_blank">
<img src="images/img_10.png" alt="" style="display:block;" width="600" height="31" border="0" />
</a>
</td>
</tr>
</table>
</body>
</html>
我正在发送 html 电子邮件(上面的代码),但邮件应用程序在 gmail.com 和 outlook.com 中不正确。他们都在 a 标签周围添加了 p 标签,并在 img 标签周围添加了 span 标签,就像这样;
<td>
<p class="some class name"
<a href="http://www.google.com" target="_blank">
<span class="some class name">
<img src="images/img_10.png" alt="" style="display:block;" width="600" height="31" border="0" />
</span>
</a>
</p>
</td>
因此看起来TR标签之间的差距。我该如何解决这个问题?
对所有图像使用 style="margin: 0; border: 0; padding: 0; display: block;"
。
此外,向页眉样式标记添加table td {border-collapse: collapse;}
可能有助于使用 Outlook。