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

hyoujun.gif (3488 バイト)

7.

表と周りの文字の間隔を指定しよう!
NE3 NE4 NE6 IE3 IE4 IE5 IE6 i

次は表と文字の間隔を指定してやろう。
これはNE.gif (918 バイト)の機能なので、IE.gif (941 バイト)では表示されないよ。

<TABLE VSPACE="" HSPACE="">〜</TABLE>      ・・・・表と周りの文字の間隔を指定

■:上下の文字との間隔
▲:左右の文字との間隔

これは実際にやってみたほうが早いよね。

 SOURCE
<HTML>
<HEAD>
<TITLE>テーブル</TITLE>
</HEAD>
<BODY>

<TABLE VSPACE="30" BORDER>
<TR><TD>●</TD><TD>○</TD></TR>
<TR><TD>▲</TD><TD>△</TD></TR>
</TABLE>
この文字列と上の表の間隔が少しあいているね。<BR>これはVSPACEで指定したからだよ。

<TABLE ALIGN="left" VSPACE="30" BORDER>
<TR><TD>●</TD><TD>○</TD></TR>
<TR><TD>▲</TD><TD>△</TD></TR>
</TABLE>
この文字列と左の表の間隔が少しあいているね。<BR>これはVSPACEで指定したからだよ。

</BODY>
</HTML>

 

 RESULT  
NE.gif (918 バイト)のみ

この文字列と上の表の間隔が少しあいているね。
これはVSPACEで指定したからだよ。

この文字列と左の表の間隔が少しあいているね。
これはVSPACEで指定したからだよ。

 

ここで標準編は終わりです
top.gif (583 バイト) 目次へ戻る


back.gif (1116 バイト) 表の背景に画像を使おう!
next2.gif (967 バイト) 改行場所を決めよう!(応用編)