2)表(テーブル)の書き方

  ○表(テーブル)の基本的な構造

1列1行の表の場合

*
*
*
< TABLE BORDER=1 >
< TR >
< TD >
*< BR >
*< BR >
*< BR >
< /TD >
< /TR >
< /TABLE >
表(テーブル)の宣言
Table Row, Rowは列の意味
Table Data
* < TD > </TD >間はデータ
*
*
Table Dataの終り
Table Rowの終り
表(テーブル)の終り

2列3行の表の場合

                                                                                                                                                            
******
******
******
            
< TABLE BORDER=1 >
< TR >
< TD > *** < /TD > < TD > *** < /TD >
< /TR >
< TR >
< TD > *** < /TD > < TD > *** < /TD >
< /TR >
< TR >
< TD > *** < /TD > < TD > *** < /TD >
< /TR >
< /TABLE >
表(テーブル)の宣言
1行目の始まり
1列目のデータ、2列目のデータ
1行目の終り
2行目の始まり
1列目のデータ、2列目のデータ
2行目の終り
3行目の始まり
1列目のデータ、2列目のデータ
3行目の終り
表(テーブル)の終り

  ○表(テーブル)の細部の定義

       枠線の太さ < TABLE BORDER=0 >・・枠線なしの表 
                         極細はBORDER=1
表の横幅  < TABLE WIDTH=500 >・・横幅500ピクセル
       個々のセルの幅の指定 < TD WIDTH=100 >・・セルの横幅100ピクセル
       背景色の指定 < TD BGCOLOR=PINK >・・ピンクの背景色

   ○複雑な表(テーブル)

神奈川県
 
横須賀市
横浜市
男性
 
 
女性
 
 
合計
 
 

教育費
授業料
 
PTA会費
 
塾月謝
 
その他
 

 昼食費(円)
男性女性
地域東京
 
 
大阪
 
 
福岡
 
 

--------------------------------------------------------------
まとめ これまでに登場したタグ一覧。 どんな指示をしているか分かりますか
--------------------------------------------------------------

< TABLE > < /TABLE >
 
< TR> < /TR >Table Row, Rowは列の意味
< TD> < /TD >Table Data
< TABLE BORDER=1 >Borderは境界の意味 枠線
< TH> < /TH >Table Header 表の見出、太字で中央配置
< TABLE WIDTH=540 >Widthは表の横幅指定 単位はピクセル
< TABLE BGCOLOR=PINK >Back Ground Color 背景色の指定
< TD BGCOLOR=PINK > セルの背景色指定
< TD ROWSPAN=2 >列の連結 Rowは列 Spanは期間、全長
< TD COLSPAN=3 >行(横方向)の連結 Colは行の意味


2006年8月1日