4・画像を表示する



基本

<img src="ここに画像名を拡張子付きで入れる" alt="画像名や画像の説明" border="1">
alt="画像名や画像の説明"は、画像の上にマウスポインタを置いた時に表示される文字で、もし画像が読み込めなかった時にでる代替の文字でもあります。
border="1"は、画像を囲む線の太さを示しています。
数字が大きくなるほど囲み線が太くなる事になります。
上の書き方だと、画像は左側に表示される事になりますが、<center></center>で挟むと、真ん中に表示されます。



画像の横に文字を入れる

基本の書き方だと、画像の横に文字は入らない事になるので、画像の横に文字を入れたい場合は、下のように表記します。

左側に文字を入れる場合
<img src="ここに画像名を拡張子付きで入れる" alt="画像名や画像の説明" align="right">
右側に文字を入れる場合
<img src="ここに画像名を拡張子付きで入れる" alt="画像名や画像の説明" align="left">