ホームページを作成していると画像の横に文字をおいてスペースを削りたいこと があります。通常のままだと画像の下に文章が入ってしまい、画像だけでスペース をかなり食ってしまいます。このような場合に使うタグがあり、このタグを使う ことでホームページの画像の横に好きに文字を回りこませたり回り込みを解除したり することができます。
画像の横に文字を回りこませる方法はalign属性で設定します。align属性をleftに すると画像は行の左端に表示され、開いた右側に文字が回り込みます。align属性 をrightにすると画像が行の右側になり、文字が左側に回り込みます。ただ画像の 大きさ分しか回り込まないので、文字があまりに多く、画像が少ない場合は回り込みが 自動的に解除されてしまいますので、文字数に注意しましょう。
逆に短すぎた場合、回り込みを解除してあげないとそのまま回り込んだままで ずらずらを画像の横に文字が入ってしまうことになります。回り込みを解除する にはbr clear=""を使います。alignをrightにしているときはclear rightに、 leftに指定してある場合はclear="left"にします。
デザイン的には画像を右、左、右と交互に表示し、文字をその横に回り込ませると ホームページの見栄えが奇麗になります。実際に多くのホームページ作成者が このやり方で画像を配置しています。実際にやってみると簡単ですので、ぜひ 一度トライしてみましょう。