画像
(1)画像を用意する
画像には、ファイル名で言うと***.bmpや***.jpgや***.gifなどがあります。
これらの違いは圧縮方式の違いでそれぞれ画質、ファイルサイズ（容量）が違います。
ホームページに使うときはファイルサイズが小さい***.jpgや***.gifを使います。
さらに、***.jpg、***.gifどちらにすればいいのか？それは色数で決めます。
色数が多いときはJPG、少ないときはGIFが適しています。
例えば、写真のように色数が多いものはJPG、簡単なイラストのような色数が少ないものはGIFといった具合です。
もし使おうとしている画像が適した形式じゃない場合は変換する必要があります。
変換するのに使うソフトはお勧めのものを[ツール]で紹介してます。
また用意した画像はとりあえず****.htmlと同じフォルダにおいてください。
(2)画像を貼り付ける
画像を貼り付ける方法は基本は以下のようになります。
画像を貼り付ける
<img src="abc.jpg">
貼り付けた画像の大きさの指定や枠、画像の周りの余白を設定したい場合は、以下のように付け加えます。
大きさの指定をすると表示速度が早くなるメリットがあるので書くことをオススメします。
大きさを指定
<img src="abc.jpg" width="100px" height="200px">
※width="?px"の?には幅を、height="?px"には高さを指定します。
枠をつける
<img src="abc.jpg" border="10px">
※border="?px"の?pxには枠線の幅を指定します。
周りに余白をつくる
<img src="abc.jpg" vspace="10" hspace="20">
※vspace="?"は画像の上下の余白、hspace="?"は左右の余白の大きさを指定します。
ページの背景画像を指定するには<body>の中に書きます。
