髭仙人の漫ろ歩き
HTML
............................ unworldly man go for a ramble in the internet world ...
テーブル(表)の記述方法
 テーブル(表)の記述方法


 テーブル(表)はレイアウトを整えたり、デーや量が多く表を使った方が見やすくなる場合などに有効なテクニックです。テーブルの基本形は下記のとうりです。

Sample11.htm
<TABLE>
<TR><TD>左上</TD><TD>右上</TD></TR>
<TR><TD>左下</TD><TD>右下</TD></TR>
</TABLE>

左上 右上
左下 右下

<TABLE>〜</TABLE>
テーブルを記述するためのタグで、この範囲がテーブルになります。

<TR>〜</TR>
行を記述するためのタグで、この範囲が行になります。

<TR>〜</TR>
列を記述するためのタグ。この範囲が列になります。

……………………………………………………………………………………………………………………

 表のまわりこみを指定


 回りこみを指定します。文字を続けて書く場合は指定するとうまいレイアウトが出来る場合があります。

Sample12A.htm
<TABLE ALIGN="left"> 左寄せ

 

 

 

Sample12B.htm
<TABLE ALIGN="right">右寄せ

 

 

 

……………………………………………………………………………………………………………………

 表の大きさを指定


 表の大きさを指定します。「大きさを指定する」方法は二通りあり、一つは、ピクセル単位で指定。もう一つは、表示されるページの割合(%)を指定します。

Sample13A.htm
<TABLE width="幅の数値 height="高さの数値">

 

 

 

Sample13B.htm
<TABLE width="幅の数値% height="高さの数値%">

 

 
表の枠の設定  
 表の枠の大きさ(太さ)


 表の枠を表示する場合は枠の大きさ(太さ)をどれくらいにするかは重要な問題ですですが、その方法は下記の通りです。「数値」部分に「0」を入れると枠が表示されません。整数を入れると、その分(ピセクル単位で)枠が表示されます。

<TABLE border="数値">

Sample14.htm
<TABLE border="数値">

 

 

 

……………………………………………………………………………………………………………………

 表の枠の色


 表の枠の色は下記のように表示します。

<TABLE border="数値" bordercolor="色名">

Sample15.htm
<TABLE border="数値" bordercolor="色名">

 

 
表の背景色や背景画像を指定  
 表の背景色を指定


 表の背景に色をつけます。そのためのタグは以下の通りです。

<TABLE bgcolor="色指定">

Sample16.htm

 

……………………………………………………………………………………………………………………

 表の背景画像を指定


 表の背景を指定します。

<TABLE background="画像名">

Sample17.htm

 

 
表の行と列の結合  
 表の行を結合


 表の行を結合する事が出来ます。横に結合したければ、左側の<TD>タグで colspan="結合させたい列分"を入力してください。

<TD colspan="2">横に結合</TD>

Sample18.htm

 

 

……………………………………………………………………………………………………………………

 表の列を結合


 表の列を結合する事が出来ます。縦に結合したければ、上側の<TD>タグで rowspan="結合ささたい行分"を入力してください。

<TD rowspan="2">縦に結合</TD><TD>普通</TD>

Sample19.htm

 

 

 


Design by unworldly man Teizo AMMA
Email amma@beach.ocn.ne.jp
URL http://www.t-amma.com/