その他 公開データ (2002.01~2005.05)
[1018] HTMLメール送信用定型本文サンプル - hermes <> 05/05/22 16:06
Subject: [1018] HTMLメール送信用定型本文サンプル
Date: Sun, 22 May 2005 16:06:57 +0900
From: hermes <>
HTMLメールを作成するときの雛形として、定型本文に登録して使ってください。
説明はソースの中に書いてあるので、一度HTMLメールを作成してから内容を表示して
確認してみてください。改造はご自由に。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head>
<style type="text/css"><!--
*.mbody{{margin:0;padding:0;}}
*.iro{{
color: #000000;
background-color: #e4e2d5;
}}
p{{
font-size: medium;
line-height: 1.5;
}}
*.inyo{{
color: #000000;
background-color: #d8d8f0;
font-style: italic;
border-left: 2px ridge rgb(204, 51, 204);
padding: 5px;
font-size: small ! important;
line-height: 1 ! important;
margin-left: 20px;
}}
*.hyojun{{
text-indent: 1em;
text-autospace:ideograph-parenthesis ideograph-alpha ideograph-numeric;
}}
*.mincho{{
font-family: '平成明朝','ヒラギノ明朝 Pro W3','NFモトヤアポロ1KP','HGP明朝B','HGP明朝E','MS P明朝',serif;
text-indent: 1em;
text-autospace:ideograph-parenthesis ideograph-alpha ideograph-numeric;
}}
*.kaigyo{{margin: 0px;}}
--></style></head>
<body class="mbody iro">
<table class="iro" cellpadding="10" width="100%%">
<tbody><tr><td>
<p>通常の本文。hotmailやYahoo!メールのようなWebメールで受信したときでも意図したデザインにするために<table>タグで囲ってあります。<br></p>
<pre class="inyo">[引用文]<br>この部分は<pre>タグで囲ってありますが、<blockquote>を使ったほうが<br>引用としてはふさわしいかもしれません。<br><br>> 引用符(> )付きで引用したときに改行されては困るときには<pre>タグを<br>> 使うと見た目がよくなると思います。<br><br>斜体が読みにくい場合には font-style: italic; の部分を削除してください。<br></pre>
<p class="kaigyo"><!--
この部分はダミーです。HTML表示で改行されていてもテキスト表示で改行され
ていないときなどにこの書式で挿入しておきます。上記の引用文のスタイルの
下に挿入する目的で作っておきました。
--></p>
<p class="hyojun">標準の本文スタイル。段落の1行目はtext-indentで1文字分あけて始まります。IEの独自スタイルを使い、アルファベットなどと漢字ひらがななどとの間隔を少しあけています。<br></p>
<p class="mincho">明朝体のスタイル。もし、HTMLエディタで文字化けする場合にはHTMLエディタを開く前にソースのヘッダ部分に<meta http-equiv="content-type" content="text/html;charset=utf-8">
と書き加えておけば文字化けせずに編集できます。ただし、送信する前に必ずこの<meta>タグは削除しておいてください。そうしないと、受信した相手の画面で文字化けする可能性があります。<br></p>
</td></tr></tbody>
</table>
</body></html>