【 Html文の作り方 】

(1) 単画像Html文を変更して新しいHtml文を作成します。
    「メモ帳」を起動します。
    「スタート>」メニューから「プログラム」「アクセサリー」
    →「メモ帳」で起動します。



(2) このページの(8)項のSAMPLEから単画像のHtml文
    ドラックします。



(3) 「編集(E)」をクリックして「コピー(C)」をクリックします。



(4) メモ張の「編集(E)」をクリックして「貼り付け(P)」
    クリックします。



(5) 単画像Html文が貼り付きました。
    メール文字の色、メール文字の開始位置(縦)、画像の指定、
    張り紙の色を変更します。











   メール文字の色を変更(緑:008000)

   メール文字の開始位置を変更(縦:50)




   画像の指定を変更(地球.Gif)
   張り紙の色を変更(薄い青:00ffff)










(6) 変更した単画像Htmi文を新しいHtml文として保管します。
    「ファイル(F)」をクリックして「名前を付けて保存(A)」
    クリックします。



(7) ファイル名を付けて保存の画面が表示されるので「ファイルの種類(T)」
    すべてのファイルにして「ファイル名(N)」に新しいHtml文の名前
    (例:地球.Htm)を入力して「保存(S)」をクリックします。
    ※ 拡張子は Htm 又は Html にします。 




     これで新しいHtml文が作成されました。



     次はテストです。

        


  


  超簡単!全面画像「ひな形」の作り方は   

      
 ここ  をクリックして下さい!!!  


   横画像&縦画像「ひな形」の簡単画像変更は 

      
ここ  をクリックして下さい!!!



                    

  

        




(8) SAMPLE

   以下はメモ張に貼り付ける Html文 のサンプルです。



<<< 単画像のHtml文 >>>

<! --- HMM〜Sige html Sample --- >
<HTML>
<HEAD>
<STYLE>
BODY {
font-family:         MS ゴシック;
font-size:           12  pt;
color:               0000ff;
margin-left:         30  px;
margin-top:          70  px;
background-position: top left;
background-repeat:   no-repeat;
}
</STYLE>
</HEAD>
<BODY background="画像.gif">
<BODY bgcolor="ffffff">
</BODY>
</HTML>


<<< 縦画像のHtml文 >>>

<! --- HMM〜Sige html Sample --- >
<HTML>
<HEAD>
<STYLE>
BODY {
font-family:         MS ゴシック;
font-size:           12  pt;
color:               0000ff;
margin-left:         80  px;
margin-top:          30  px;
background-position: top left;
background-repeat:   repeat-y;
}
</STYLE>
</HEAD>
<BODY background="画像.gif">
<BODY bgcolor="ffffff">
</BODY>
</HTML>


<<< 横画像のHtml文 >>>

<! --- HMM〜Sige html Sample --- >
<HTML>
<HEAD>
<STYLE>
BODY {
font-family:         MS ゴシック;
font-size:           12  pt;
color:               0000ff;
margin-left:         30  px;
margin-top:          70  px;
background-position: top left;
background-repeat:   repeat-x;
}
</STYLE>
</HEAD>
<BODY background="画像.gif">
<BODY bgcolor="ffffff">
</BODY>
</HTML>


<<< 全画像のHtml文 >>>

<! --- HMM〜Sige html Sample --- >
<HTML>
<HEAD>
<STYLE>
BODY {
font-family:         MS ゴシック;
font-size:           12  pt;
color:               0000ff;
margin-left:         30  px;
margin-top:          30  px;
background-position: top left;
}
</STYLE>
</HEAD>
<BODY background="画像.gif">
<BODY bgcolor="ffffff">
</BODY>
</HTML>


<<< 右縦画像のHtml文 >>> 

<! --- HMM〜Sige html Sample --- >
<HTML>
<HEAD>
<STYLE>
BODY {
font-family:         MS ゴシック;
font-size:           12  pt;
color:               0000ff;
margin-left:         30  px;
margin-top:          30  px;
background-position: top right;
background-repeat:   repeat-y;
}
</STYLE>
</HEAD>
<BODY background="画像.gif">
<BODY bgcolor="ffffff">
</BODY>
</HTML>


<<< 中央画像のHtml文 >>> 

<! --- HMM〜Sige html Sample --- >
<HTML>
<HEAD>
<STYLE>
BODY {
font-family:         MS ゴシック;
font-size:           12  pt;
color:               0000ff;
margin-left:         30  px;
margin-top:          30  px;
background-position: center center;
background-repeat:   no-repeat;
}
</STYLE>
</HEAD>
<BODY background="画像.gif">
<BODY bgcolor="ffffff">
</BODY>
</HTML>


<<< 下横画像のHtml文 >>> 

<! --- HMM〜Sige html Sample --- >
<HTML>
<HEAD>
<STYLE>
BODY {
font-family:         MS ゴシック;
font-size:           12  pt;
color:               0000ff;
margin-left:         20  px;
margin-top:          20  px;
background-position: bottom left;
background-repeat:   repeat-x;
}
</STYLE>
</HEAD>
<BODY background="画像.gif">
<BODY bgcolor="ffffff">
</BODY>
</HTML>





                  

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