メール用（Outlook Express）「ひな形」の作り方２


　「ひな形」を作るには　画像（拡張子：Gｉｆ）とＨｔml文を作成する
　必要があります。
　ここでは、「Ｈｔｍｌ文の作り方」を説明します。


　　　　　　　　

【　Ｈｔｍｌ文の説明　】

　Ｈｔｍｌ文はＨｙｐｅｒ Ｔｅｘｔ Ｍａｒｋｕｐ Ｌａｎｇｕａｇｅ という言語で
　書かれたテキスト形式のファイルでホームページはこの
　Ｈｔｍｌ文で構成（作成）されています。

　「ひな形」用のＨｔｍｌ文のサンプル（ａ〜ｇ）を用意しました。
　サンプルを「メモ帳」に貼り付けて新しいＨｔｍｌ文を
　作成します。　下記はサンプル（ａ〜ｆ）の説明です。
　実際にメモ張に貼り付けるサンプルは（８）項のＳＡＭＰＬＥを
　使います。

　　　ａ．　単画像Ｈｔｍｌ文
　　　ｂ．　縦画像Ｈｔｍｌ文
　　　ｃ．　横画像Ｈｔｍｌ文
　　　ｄ．　全画像Ｈｔｍｌ文
　　　ｅ．　右縦画像Ｈｔｍｌ文　　
　　　ｆ． 　中央画像Ｈｔｍｌ文　　
　　　ｇ．　下横画像Ｈｔｍｌ文　　

　ａ．単画像Ｈｔｍｌ文の説明

　　　単画像Ｈｔｍｌ文の「ひな形」は画像が左上に表示されます。

　




　単画像Ｈｔｍｌは以下の指定が
　されています。


　メール文字のフォント名（ＭＳゴシック）
　メール文字のサイズ（１２）
　メール文字の色（青：0000ｆｆ）　※
　メール文字の開始位置（横：３０）
　メール文字の開始位置（縦：７０）
　画像の貼り付け位置（左上）
　画像の繰り返しの指定
　（繰り返し無し）


　画像の指定（画像．Ｇｉｆ）
　背景の色（白：ffffff）　※










　　※　文字の色について（参考：オススメ）
　　　　　黒：000000　　赤：ｆｆ0000 　青：0000ｆｆ 　緑：008000

　　※　背景の色について（参考：オススメ）
　　　　　白：ｆｆｆｆｆｆ　　　　薄い緑：00ff99　　　　薄い青：00ffff　
　　　　　薄い赤：ｆｆ99ff 薄いグレー：ccccｆｆ

　　　　　色コード一覧表はここ 　
　　　　　 を参照して下さい。



　ｂ．縦画像Ｈｔｍｌ文の説明

　　　縦画像Ｈｔｍｌ文の「ひな形」は画像が左上から縦（下）に
　　　　表示されます。









　単画像Ｈｔｍｌと違う箇所は
　画像の繰り返しです。
　（no-repeat→ｒｅｐｅａｔ−ｙ）





　画像の繰り返しの指定
　（繰り返し：Y（縦））













　ｃ．横画像Ｈｔｍｌ文の説明

　　　横画像Ｈｔｍｌ文の「ひな形」は画像が左上から横（右）に
　　　　表示されます。









　単画像Ｈｔｍｌと違う箇所は
　画像の繰り返しです。
　（no-repeat→ｒｅｐｅａｔ−ｘ）





　画像の繰り返しの指定
　（繰り返し：Ｘ（横））













　ｄ．全画像Ｈｔｍｌ文の説明

　　　全画像Ｈｔｍｌ文の「ひな形」は画像が全面に表示されます。









　　

　　上記の画像
　　を全面表示










　単画像Ｈｔｍｌと違う箇所は
　画像の繰り返しがありません
　（background-repeatが無い）





　background-repeatが無い
















　ｅ．右縦画像Ｈｔｍｌ文の説明　

　　　右縦画像Ｈｔｍｌ文の「ひな形」は画像が右上から縦（下）に
　　　　表示されます。








　縦画像Ｈｔｍｌと違う箇所は
　画像の貼り付け位置です。
　（ｔｏｐ ｌeft→ｔｏｐ ｒｉｇｈｔ）





　画像の貼り付け位置（右上）
　（右上：ｔｏｐ　ｒｉｇｈｔ）














　ｆ．中央画像Ｈｔｍｌ文の説明　

　　　中央画像Ｈｔｍｌ文の「ひな形」は画像が画面の中央に
　　　　表示されます。








　単画像Ｈｔｍｌと違う箇所は
　画像の貼り付け位置です。
　（ｔｏｐ ｌeft→ｃａｎｔｅｒ center)





　画像の貼り付け位置（中央）
　（中央：ｃｅｎｔｅｒ ｃｅｎｔｅｒ）














　ｇ．下横画像Ｈｔｍｌ文の説明　

　　　下横画像Ｈｔｍｌ文の「ひな形」は画像が画面の下方の
　　　　横に表示されます。








　横画像Ｈｔｍｌと違う箇所は
　画像の貼り付け位置です。
　（ｔｏｐ ｌeft→ｂｏｔｔｏｍ ｌｅｆｔ)





　画像の貼り付け位置（下左）
　（下左：ｂｏｔｔｏｍ ｌｅｆｔ）














　　Ｈｔｍｌ文の説明はここまでです。
　　次は「Ｈｔｍｌ文の作り方」です。Ｎｅｘｔをクリックして下さい。





　　　　　　　　　　　　 　　　　　　

姉妹サイト＆おすすめページ