貼りつけＨＰ

画像を入れる

<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; CHARSET=Shift_JIS">
<TITLE> このページのタイトル </TITLE>
</HEAD>
<BODY>
<IMG SRC="画像のファイル名">
</BODY>
</HTML>

　
(例 1 )
　<IMG SRC="01.jpg">　で、下のようになります。
　

(例 2 )
　　<CENTER><IMG SRC="01.jpg"></CENTER>　で、はさむと中央になります。

画像サイズを指定する

<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; CHARSET=Shift_JIS">
<TITLE> このページのタイトル </TITLE>
</HEAD>
<BODY>
<IMG SRC="画像のファイル名" WIDTH="幅" HEIGHT="高さ">
</BODY>
</HTML>

　
　画像の幅と高さは、画像の上で、右クリック→プロパティで分かります。

(例 1 )
　<IMG SRC="画像のファイル名" WIDTH="160" HEIGHT="163">　で下のようになります。
　

(例 2 )
　<IMG SRC="画像のファイル名" WIDTH="500" HEIGHT="100">　で下のようになります。
　

(例 3 )
　<IMG SRC="画像のファイル名" WIDTH="50" HEIGHT="50">　で下のようになります。
　

　(注)　画像の幅と高さを小さくしても、画像ファイルの容量は減りません。
　　　　(上の３枚を右クリックしてみて下さい。全部同じ容量です。)
　　　　どうしても、ファイル容量を小さくしたい場合は、
　　　　画像ソフトで縮小してから貼り付けるとよいでしょう。

画像にワクを付ける

<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; CHARSET=Shift_JIS">
<TITLE> このページのタイトル </TITLE>
</HEAD>
<BODY>
<IMG SRC="画像のファイル名" BORDER="太さ">
</BODY>
</HTML>

　
(例 1 )
　<IMG SRC="画像のファイル名" BORDER="5"> 　で、下のようになります。
　

(例 1 )
　<IMG SRC="画像のファイル名" BORDER="10"> 　で、下のようになります。
　

検索キーワードと説明を入れる

　検索エンジンで検索されやすくするために、キーワードを入れておきます。

<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; CHARSET=Shift_JIS">
<META NAME="keywords" CONTENT="ホームページ,HTML,初心者,Webページ"> <TITLE> このページのタイトル </TITLE>
</HEAD>
<BODY>
本文をここに書き込みます
</BODY>
</HTML>

　
　などのように、<HEAD>～</HEAD>　の間に入れます。
　キーワードは、CONTENT="　"　この間に「 , 」で区切ります。
　なるべく、分かりやすく、誰もが思いつくような言葉がよいでしょう。

　続けて、サイトの説明を入れます。

<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; CHARSET=Shift_JIS">
<META NAME="keywords" CONTENT="ホームページ,HTML,初心者,Webページ"> <META NAME="discription" CONTENT="「ちくしょう！めんどくせぇぜ！」という方のためのホームページ制作サイトです。">
<TITLE> このページのタイトル </TITLE>
</HEAD>
<BODY>
本文をここに書き込みます
</BODY>
</HTML>

　
　<META NAME="discription CONTENT="　">　この「"　"」の間に説明を入れます。

　このように自分のサイトの説明を入れておくと、
　検索された時に、わかりやすいです。