|
＜ＴＡＢＬＥ ＢＯＲＤＥＲ＞ ＜ＴＲ＞ ＜ＴＤ＞見出し１＜／ＴＤ＞＜ＴＤ＞見出し２＜／ＴＤ＞＜ＴＤ＞見出し３＜／ＴＤ＞ ＜／ＴＲ＞ ＜ＴＲ＞ ＜ＴＤ＞項目１＜／ＴＤ＞＜ＴＤ＞項目２＜／ＴＤ＞＜ＴＤ＞項目３＜／ＴＤ＞ ＜／ＴＲ＞ ＜／ＴＡＢＬＥ＞ |
表示結果
| 見出し１ | 見出し２ | 見出し３ |
| 項目１ | 項目２ | 項目３ |
＜ＴＤ＞…＜／ＴＤ＞で囲まれた内容がテーブルのセル(要素)になり、横に並べられてゆきます。
＜ＴＲ＞…＜／ＴＲ＞で囲まれたセルは同行の列ブロックを構成します。セルの幅,高さは、
各行,各列のなかで最も大きなセルに合わせて自動的に調整されます。このページを参照してください。
＜ＴＤ＞の代わりに＜ＴＨ＞を用いると、そのセルは太字でセンタリングされて表示されます。
＜ＴＨ＞は各行,列の見出しなどに使います。
セルの内容の表示位置は＜ＴＲ＞,＜ＴＤ＞,＜ＴＨ＞タグのＡＬＩＧＮアトリビュートに
"ｒｉｇｈｔ","ｌｅｆｔ","ｃｅｎｔｅｒ"を指定します。
また、＜ＴＤ ＢＧＣＯＬＯＥＲ＝"＃ｆｆ００００"＞のように＜ＴＤ＞タグにＢＧＣＯＬＯＲを指定すると、セルの色を指定することができます。
テーブル全体の表題には＜ＣＡＰＴＩＯＮ＞タグを使い、ＡＬＩＧＮアトリビュートに"ｔｏｐ","ｂｏｔｔｏｍ"を指定します。
テーブルの使用方法の応用で、下記の記述例ような枠を作ることができます。
＜ＴＡＢＬＥ＞タグのＢＯＲＤＥＲアトリビュートを指定すると、枠線の立体感をピクセル単位で指定することができます。
ＢＯＲＤＥＲアトリビュートに"０"を指定すると、テーブルの枠線が表示されません。（インデント時の先頭そろえに便利です｡）
ＢＯＲＤＥＲ＝０
| 見出し１ | 見出し２ | 見出し３ |
| 項目１ | 項目２ | 項目３ |
ＢＯＲＤＥＲ＝５
| 見出し１ | 見出し２ | 見出し３ |
| 項目１ | 項目２ | 項目３ |
ＢＯＲＤＥＲ＝１０
| 見出し１ | 見出し２ | 見出し３ |
| 項目１ | 項目２ | 項目３ |
＜ＴＡＢＬＥ＞タグのＣＥＬＬＳＰＡＣＩＮＧアトリビュートを指定すると、
枠幅をピクセル単位で指定することができます。"０"を指定しても線が消えるわけではありません。
省略した場合"２"が指定されたことと同じになります。
また、ＢＯＲＤＥＲＣＯＬＯＲを指定すると、枠線の色を指定することが出来ます。
ＣＥＬＬＳＰＡＣＩＮＧ＝０
ＢＯＲＤＥＲＣＯＬＯＲ＝"＃ｆｆ００００"
| 見出し１ | 見出し２ | 見出し３ |
| 項目１ | 項目２ | 項目３ |
ＣＥＬＬＳＰＡＣＩＮＧ＝５
ＢＯＲＤＥＲＣＯＬＯＲ＝"＃００ｆｆ００"
| 見出し１ | 見出し２ | 見出し３ |
| 項目１ | 項目２ | 項目３ |
ＣＥＬＬＳＰＡＣＩＮＧ＝１０
ＢＯＲＤＥＲＣＯＬＯＲ＝"＃００００ｆｆ"
| 見出し１ | 見出し２ | 見出し３ |
| 項目１ | 項目２ | 項目３ |
＜ＴＡＢＬＥ＞タグのＣＥＬＬＰＡＤＤＩＮＧアトリビュートを指定すると、セル内の余白をピクセル単位で指定することができます。
省略した場合"１"が指定されたことと同じになります。
ＣＥＬＬＰＡＤＤＩＮＧ＝０
ＢＯＲＤＥＲＣＯＬＯＲ＝"＃ｆｆ００００"
| 見出し１ | 見出し２ | 見出し３ |
| 項目１ | 項目２ | 項目３ |
ＣＥＬＬＰＡＤＤＩＮＧ＝５
ＢＯＲＤＥＲＣＯＬＯＲ＝"＃００ｆｆ００"
| 見出し１ | 見出し２ | 見出し３ |
| 項目１ | 項目２ | 項目３ |
ＣＥＬＬＰＡＤＤＩＮＧ＝１０
ＢＯＲＤＥＲＣＯＬＯＲ＝"＃００００ｆｆ"
| 見出し１ | 見出し２ | 見出し３ |
| 項目１ | 項目２ | 項目３ |