表

５	表でもう少し凝ったレイアウトをしてみよう！

hyoujun.gif (3488 バイト)

１．

表の位置を指定しよう！

NE3

NE4

NE6

IE3

IE4

IE5

IE6

今度は表の位置を指定しよう。

<TABLE ALIGN="■">～</TABLE>

　 ・・・・表の位置を決める

■：left（左） , center（中央） , right（右）

表を左に指定したときは次の行に書いた文章が表の右側に回りこむようになっているんだ。
逆に、表の位置を右側に指定したときは左側に文章が回りこむからね｡

　SOURCE

<TABLE ALIGN="left" BORDER> 　←表を左側に配置した
<TR><TD>表１</TD></TR>　　　　　　　 ←一行一列
</TABLE>
右側に<BR>
文字が回りこむ。

<TABLE ALIGN="right" BORDER>　　←表を右側に配置した
<TR><TD>表２</TD></TR> ←一行一列
</TABLE>
左側に<BR>
文字が回りこむ。

</BODY>
</HTML>

　RESULT 　

表１

右側に
文字が回りこむ

表２

左側に
文字が回りこむ。

このように表の位置をうまく使うことはページのレイアウトにも重要な役割を果たしているからね。