画像のレイアウト

画像の表示位置の指定

<img src="★" style="position: ☆">
★=画像ファイルのURL
☆=座標指定のキーワード
static(HTMLレイアウトによる自動設定座標)
absolute(表示領域の左上を0,0とする座標)
relative(直前のブロックタグを0,0とする座標)
ソースサンプル
<html>
<head>
<title>タグであそぼう!</title>
</head>
<body>
<img src="***.gif" style="position: absolute; left: 25pt; top: 30pt">
</body>
</html>

画像周囲のテキスト回りこみ

<img src="★" style="float: ☆">
★=画像ファイルのURL
☆=left,right,top,bottom,middle

画像枠の設定

<img src="★" style="border-color: ☆; border-width: ■; border-style: △;">
★=画像ファイルのURL

☆=カラー名または#カラーコード

■=枠の太さ,thin(細)medium(中)thick(太)
または(ピクセル数)

△=枠線のタイプ, inset=(立体感),outset=(立体感)
solid=(実線),dotted=(点線),dashed=(点線)
double=(二重線)