　画像と文字の並び方を指定する

■<img src="URL(画像のアドレス）" align="キーワード">
キーワードにはtop、middle、bottomのいずれかを指定

ブラウザは画像を文字と同じように認識しますので、画像の前後に文字がある場合、画像と文字を一行で表示します。これではわかりにくいと思いますので下のサンプルを見て下さい。

サンプル - Microsoft Internet Explorer

ここが一行目になります。
ここが二行目ライオンのイラストです

になります。
ここが三行目になります。

HTML

<html>
<head>
<title>サンプル</title>
</head>
<body>

ここが一行目になります。<br>
ここが二行目<img src="reo.gif">になります。<br>
ここが三行目になります。

</body>
</html>

上の例では、画像が二行目の文字と一緒にひとつの行に配置されてますね。この例では、二行目の文字は画像の下の部分に合わせて配置されていますが、align属性を使えば、文字を真ん中に配置したり上に配置することができます。

サンプル - Microsoft Internet Explorer

１

紫色の三輪車
２

黄色の三輪車
３

青色の三輪車

HTML

<html>
<head>
<title>サンプル</title>
</head>
<body>

１<img src="san0.gif" align="top">
紫色の三輪車

２<img src="san1.gif" align="middle">
黄色の三輪車

３<img src="san2.gif" align="bottom">
青色の三輪車

</body>
</html>