|
ホーム ＞ 画像 ＞ 画像に対するテキストの回り込み解除
■画像に対するテキストの回り込み解除
<br clear="★">
★･･････left,right,all,none
画像に対するテキストの回り込みを解除し、
それ以降のテキストを画像の下の行から続けたい場合は、
<br>タグにclear属性を指定します。
left
┗画像が左側にある場合(align="left")の回り込みを解除。
right
┗画像が右側にある場合(align="right")の回り込みを解除。
all
┗どちら側の配置でも(left,right)の回り込みを解除。
none
┗回り込みを解除せずに改行だけ行う。(初期値)
記入例。
 メモ帳 |
|
ファイル(F) 編集(E) 書式(O) 表示(V) ヘルプ(H) |
<!DOCTYPE HTML PUBLIC-"//W3C//DTD HTML4.01 Transitional//EN">
<html>
<head>
</head>
<body>
<img src="sample.gif"
align="left" alt="サンプル画像">
align属性でleft属性を指定すると指定すると画像は左側に配置され、
テキストは右側に回り込みます。こんな感じに画像が表示されテキストは回り込みます。
画像の反対側に回り込まなかったテキストは画像の下に送られます。<br>
<br>
また画像を使用する際はwidth属性とheight属性は指定するようにしましょう。
指定しなくても画像は表示されるのですが、
指定するとブラウザが画像の表示スペースを先に確保するので、
ページを表示する時間が短くなります。<br>
<br clear="left">
またwidth属性とheight属性で画像本来のサイズより小さく表示したても
ページが表示されるスピードは変わりません。小さくするだけで
画像本来のサイズは変わらないからです。<br>
<br>
画像を使う場合alt=""は必須です。特に指定する場合がないときでも
alt属性は指定するようにしましょう。
何もテキストを入れない場合はalt=""と書いておけば大丈夫です。
<br>
<hr>
<br>
</body>
</html>
|
表示結果
 |
|
 |
|
 align属性でleft属性を指定すると指定すると画像は左側に配置され、テキストは右側に回り込みます。こんな感じに画像が表示されテキストは回り込みます。画像の反対側に回り込まなかったテキストは画像の下に送られます。
また画像を使用する際はwidth属性とheight属性は指定するようにしましょう。指定しなくても画像は表示されるのですが、指定するとブラウザが画像の表示スペースを先に確保するので、ページを表示する時間が短くなります。
またwidth属性とheight属性で画像本来のサイズより小さく表示したてもページが表示されるスピードは変わりません。小さくするだけで画像本来のサイズは変わらないからです。
画像を使う場合alt=""は必須です。特に指定する場合がないときでも alt属性は指定するようにしましょう。何もテキストを入れない場合はalt=""と書いておけば大丈夫です。
|
 |
 |
 |
 |
|
スポンサードリンク
ホーム
