両端に画像を配置(左の画像にalign=left　右の画像にalign=right）
画像やテーブルにalign=left又はalign=rightを使うと文字が回りこみます <br clear=all>で文字の回りこみを解除

<img src=red.jpg align=left>
<img src=blue.jpg align=right>
<p>真ん中に<br>文字も配置できます。
<br clear=all>
文字の回りこみを解除

真ん中に
文字も配置できます。
文字の回りこみを解除

align=leftでレイアウト（画像周りの余白を指定)
hspace=20で横の余白 vspace=20で縦の余白

<img src=red.jpg align=left hspace=20>
文字を表示<br>
次の文字列
<br clear=all>
文字の回りこみを解除

両側に画像の配置(テーブルでレイアウト）

<table><tr><td>
<img src=red.jpg>
</td><td valign=top>
文字を表示<br>
次の文字列
</td><td>
<img src=blue.jpg>
</td></tr>
</table>

文字を表示 次の文字列

画像同士の隙間を無くす(テーブルでレイアウト）cellspacing=0 cellpadding=0を指定

<table cellspacing=0 cellpadding=0><tr><td>
<img src=red.jpg>
</td><td>
<img src=blue.jpg>
</td></tr></table>