テンプレートを使用して、会社の HTML ニュースレターを作成しました。私はプログラミング言語の知識がほとんどないため、テンプレートから始めました。仕事用のメール アドレス (Outlook 2010) と個人用のメール アドレス (gmail) にいくつかのテストを送信しました。私のGmailでは見栄えがしますが、見通しでは、ニュースレターのタイトルを「フォーカス」という単語の下に「ニュース」という単語を少しずらして、実際には左下に少しずらして配置することにしました。私の言いたいことを理解するには、この画像を見てください:
コードを変更して、Gmail で表示されるのと同じように Outlook で表示されるようにする方法を知りたいのですが、すべて 1 行で表示されますか?
また、以下に示したコードが多すぎるかどうかもわかりません。または十分ではない、私が知っているのはタイトル部分がそこにあるということだけです、完全な初心者のための助けは大いに感謝されます
<div id="SpeBkDiv" style="background-color: #ffffff;">
<!--100% body table-->
<table bgcolor="#FFFFFF" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td>
<!--email container-->
<table align="center" border="0" cellpadding="0" cellspacing="0" width="600">
<tbody>
<tr>
<td>
<!--header-->
<table border="0" cellpadding="0" cellspacing="0" width="600">
<tbody>
<tr>
<td valign="top">
<img src="image url here" alt="" height="12" width="600" />
<!--top links-->
<table border="0" cellpadding="0" cellspacing="0" height="52" width="600">
<tbody>
<tr>
<td valign="middle" width="221">
<p style="font-size: 10px; font-family: Times New Roman; color: #333; margin: 0px;" align="center"><br />
</p>
</td>
</tr>
</tbody>
</table>
<!--/top links-->
<!--line break-->
<table border="0" cellpadding="0" cellspacing="0" height="14" width="600">
<tbody>
<tr>
<td valign="top" width="600">
<p>
<img src="image url here" alt="" height="10" width="600" />
</p>
</td>
</tr>
</tbody>
</table>
<!--/line break-->
<!--header content-->
<table border="0" cellpadding="0" cellspacing="0" height="168" width="600">
<tbody>
<tr>
<td>
<h1 style="color: #333 !important; margin: 0px; font-weight: normal; font-size: 30px; font-family: Verdana" align="center">
<span style="font-size: 50pt; color: #808080;">
<a title="image name" href="image url here">
<img style="text-align: left; float: left;" alt="" src="image url here" align="left" height="79" width="103" />
</a>
</span>
</h1>
<h1 style="color: #333 !important; margin: 0px; font-weight: normal; font-size: 30px; font-family: Verdana;" align="center">
<span style="font-size: 45pt; color: #808080;">
<c>
<span style="font-family: Verdana; font-size: 40pt;">Focus News</span>
</c>
</span>
<span style="font-size: 50pt; color: #808080;">
</span>
<currentmonthname style="font-size: 36pt; color: #333333;">
<currentyear>
</currentyear>
</currentmonthname>
</h1>
</td>
<td id="issue" style="background-image: url('images/issue-no.jpg'); background-color: #98AFC7; background-repeat: no-repeat; background-position: top; width: 109px; height: 109px;" bgcolor="#98AFC7" valign="top">
<!--number-->
<table border="0" cellpadding="2" cellspacing="2" height="81" width="126">
<tbody>
<tr>
<td>
<div align="center">
<h4>
<span style="color: #ffffff; font-family: Verdana;">Issue no.7</span>
</h4>
</div>
<div align="center">
<h4>
<span style="color: #ffffff; font-family: Verdana;">July</span>
<span style="color: #ffffff; font-family: Verdana;">2012</span>
</h4>
</div>
</td>
</tr>
</tbody>
</table>
<!--/number-->
<br />
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>