画像を表示
画像を表示させたいときには、 <img src=""> タグを使います。
<img src="ファイル名"> には、表示させたい画像のファイル名を指定します。
ホームページで使用される画像形式は、一般的にはGIFとJPEGの2つになります。
PNG という形式もありますが、これは古いバージョンのブラウザでは表示できないため、今のところはあまり使われていないようです。
使用できる画像形式
形式
拡張子
特徴
GIF
.gif
256色まで使用可能でイラスト向きの形式。
画像の色数が少ない場合や単色面が多い場合に適しています。
画像の色数が少ない場合や単色面が多い場合に適しています。
JPEG
.jpg
1,670万色まで使用可能。写真向きの形式。色数の多い複雑な画像に適しています。
PNG
.png
GIFにかわる形式と言われているが、今のところはまだ標準的ではありません。
イラストやアイコン等はGIFで、写真はJPEGで、という使い分けが一般的です。
例えば、写真をGIF形式にするとザラザラした感じで汚くなってしまいますし、逆に色数の少ないイラストをJPEG形式にすると、にじんだ感じになりこれもまた汚くなってしまいます。
例． 画像を表示させる為のタグの使用例
<center><img src="http://plaza.rakuten.co.jp/img/user/21/43/1612143/29.jpg" width="180" height="136" alt="ぷちこ(縮小版)"></center>
画像の周りの枠線の太さを指定する
<img src>タグに border="数値" を追加することで、画像の枠に線をつけることができます。
<img src="sample.jpg" border="1" >
border="数値" には、線の太さを示す数値を記入します。数値が大きくなるほど枠の線が太くなります。逆に、枠の線を消したい場合も出てきます。画像をリンクボタンに指定した場合は、 border="数値" がなくても枠の線が勝手に入ってしまいます。その際、枠の線を消したい場合には、 border="数値" の数値に"0"を記入します。
例１． 画像の枠線を特に指定しない場合
<center><img src="http://plaza.rakuten.co.jp/img/user/21/43/1612143/29.jpg" width="180" height="136" alt="ぷちこ(縮小版)"></center>
例２． 画像の枠線を１に指定した場合（border="1"）
<center><img src="http://plaza.rakuten.co.jp/img/user/21/43/1612143/29.jpg" width="180" height="136" alt="ぷちこ(縮小版)" border="1"></center>
例３． 画像の枠線を５に指定した場合（border="5"）
<center><img src="http://plaza.rakuten.co.jp/img/user/21/43/1612143/29.jpg" width="180" height="136" alt="ぷちこ(縮小版)" border="5"></center>
© Rakuten Group, Inc.
