プロが教えるホームページの作り方

プロが教えるホームページの作り方
プロが教えるホームページの作り方		ホーム　｜メール

スポンサードリンク

タグ一覧

役立つ豆知識

リンク

姉妹サイト

スポンサードリンク

初心者のためのホームページの作り方

ホーム　＞　テーブル　＞　表の回り込みを解除

■表に対する回り込みを解除

<br clear="★">
★･････left,right,all,none

表に対するテキストの回りこみを解除します。
それ以降のテキストを表の下の行から続けたいときは
<br>タグにclear属性を指定します。

left
┗テーブルが左側にあるとき(<table align="left">)の回り込みを解除
right
┗テーブルが右側にあるとき(<table align="right">)の回り込みを解除
all
┗どちら側の配置に対する回り込みも解除
none
┗回り込みを解除せず改行のみを行う(初期値)

記入例。

メモ帳

ファイル(F) 編集(E) 書式(O) 表示(V) ヘルプ(H)

<!DOCTYPE HTML PUBLIC-"//W3C//DTD HTML4.01 Transitional//EN">
<html>
<head>

</head>
<body>

<table border="1">
　<tr><td>セル1:1</td><td>セル1:2</td><td>セル1:3</td></tr>
　<tr><td>セル2:1</td><td>セル2:2</td><td>セル2:3</td></tr>
　<tr><td>セル3:1</td><td>セル3:2</td><td>セル3:3</td></tr>
</table>
文字はこのように回り込みます。

<hr>

<table border="1" align="left">
　<tr><td>セル1:1</td><td>セル1:2</td><td>セル1:3</td></tr>
　<tr><td>セル2:1</td><td>セル2:2</td><td>セル2:3</td></tr>
　<tr><td>セル3:1</td><td>セル3:2</td><td>セル3:3</td></tr>
</table>
文字はこのように回り込みます。
<br clear="left">
<hr>

<table border="1"align="right">
　<tr><td>セル1:1</td><td>セル1:2</td><td>セル1:3</td></tr>
　<tr><td>セル2:1</td><td>セル2:2</td><td>セル2:3</td></tr>
　<tr><td>セル3:1</td><td>セル3:2</td><td>セル3:3</td></tr>
</table>
文字はこのように回り込みます。
<br clear="right">
<hr>

</body>
</html>

セル1:1	セル1:2	セル1:3
セル2:1	セル2:2	セル2:3
セル3:1	セル3:2	セル3:3

文字はこのように回り込みます。

セル1:1	セル1:2	セル1:3
セル2:1	セル2:2	セル2:3
セル3:1	セル3:2	セル3:3

文字はこのように回り込みます。

セル1:1	セル1:2	セル1:3
セル2:1	セル2:2	セル2:3
セル3:1	セル3:2	セル3:3

文字はこのように回り込みます。