解説
| 入力
|
テーブルの開始 (<table> に相当)
| {|
|
テーブルの列 (row) の開始 (<tr> に相当)
| |-
|
テーブルのヘッダ (見出し) (列でもある)
| ! または !!
|
テーブルのセル (列でもある)
| | または ||
|
テーブルの終了 (</table> に相当)
| |}
|
解説
| 入力
| 出力
|
ボーダー (縁) つきのシンプルな1セルテーブル
| {| border="1"
|-
| 列 1, <br/> セル/カラム 1
|}
|
|
シンプルな2セルテーブルの左ヘッダ
| {| border="1"
|-
! 列 1, <br/> ヘッダ 1/カラム 1
| 列 1, <br/> セル 1/カラム 2
|}
|
列 1, ヘッダ 1/カラム 1
| 列 1, セル 1/カラム 2
|
|
シンプルな 3 x 3 テーブル
| {| border="1"
|-
| 列 1, <br/> セル/カラム 1
| 列 1, <br/> セル/カラム 2
| 列 1, <br/> セル/カラム 3
|-
| 列 2, <br/> セル/カラム 1
| 列 2, <br/> セル/カラム 2
| 列 2, <br/> セル/カラム 3
|-
| 列 3, <br/> セル/カラム 1
| 列 3, <br/> セル/カラム 2
| 列 3, <br/> セル/カラム 3
|}
|
列 1, セル/カラム 1 | 列 1, セル/カラム 2 | 列 1, セル/カラム 3
|
列 2, セル/カラム 1 | 列 2, セル/カラム 2 | 列 2, セル/カラム 3
|
列 3, セル/カラム 1 | 列 3, セル/カラム 2 | 列 3, セル/カラム 3
|
|
幅90%のシンプルな 2 x 2 テーブル
| {| width="90%"
|-
| 列 1, <br/> セル/カラム 1
| 列 1, <br/> セル/カラム 2
|-
| 列 2, <br/> セル/カラム 1
| 列 2, <br/> セル/カラム 2
|}
|
- ボーダーは説明目的のためにつけています。
列 1, セル/カラム 1
| 列 1, セル/カラム 2
|
列 1, セル/カラム 1
| 列 1, セル/カラム 2
|
|
8ピクセルのセル余白があるシンプルな 2 x 2 テーブル
| {| cellpadding="8px"
|-
| 列 1, <br/> セル/カラム 1
| 列 1, <br/> セル/カラム 2
|-
| 列 2, <br/> セル/カラム 1
| 列 2, <br/> セル/カラム 2
|}
|
- ボーダーは説明目的のためにつけています。
列 1, セル/カラム 1
| 列 1, セル/カラム 2
|
列 1, セル/カラム 1
| 列 1, セル/カラム 2
|
|
8ピクセルのセル余白があるシンプルな 2 x 2 テーブル
| {| cellspacing="8px"
|-
| 列 1, <br/> セル/カラム 1
| 列 1, <br/> セル/カラム 2
|-
| 列 2, <br/> セル/カラム 1
| 列 2, <br/> セル/カラム 2
|}
|
- ボーダーは説明目的のためにつけています。
列 1, セル/カラム 1
| 列 1, セル/カラム 2
|
列 1, セル/カラム 1
| 列 1, セル/カラム 2
|
|
解説
| 入力
| 出力
|
ヘッダセルを結合したシンプルな2カラムテーブル
| {|
|-
! colspan="2" | 2カラム幅のヘッダ
|-
| 列 1, <br/> セル/カラム 1
| 列 1, <br/> セル/カラム 2
|-
| 列 2, <br/> セル/カラム 1
| 列 2, <br/> セル/カラム 2
|}
|
- セルの色は説明目的のためにつけています。
2カラム幅のヘッダ
|
列 1, セル/カラム 1
| 列 1, セル/カラム 2
|
列 1, セル/カラム 1
| 列 1, セル/カラム 2
|
|
ヘッダセルを結合したシンプルな2カラムテーブル
| {|
|-
| 列 1, <br/> セル/カラム 1
| 列 1, <br/> セル/カラム 2
|-
| colspan="2" | 列 2, <br/> セル/カラム 1 & 2
|}
|
- セルの色は説明目的のためにつけています。
列 1, セル/カラム 1
| 列 1, セル/カラム 2
|
列 2, セル/カラム 1 & 2
|
|
セルを結合したシンプルな2列テーブル
| {|
|-
| 列 1, <br/> セル 1/カラム 1
| rowspan="2" | 列 1 & 2, <br/> セル 2
|-
| 列 2, <br/> セル 3/カラム 1
|}
|
- セルの色は説明目的のためにつけています。
列 1, セル 1/カラム 1
| 列 1 & 2, セル 2
|
列 2, セル 3/カラム 1
|
|
解説
| 入力
| 出力
|
さまざまな位置合わせのシンプルな2 x 2テーブル
| {| width="100%"
|- valign="top"
| align="right" | 列 1, <br/> ヘッダ 1, <br/> カラム 1
| align="center" | 列 1, <br/> セル 1/カラム 2
|- valign="bottom"
| 列 2, <br/> ヘッダ 2, <br/> カラム 1
| 列 2, <br/> セル 2/カラム 2
|}
|
- セルの色は説明目的のためにつけています。
列 1, ヘッダ 1, column 1
| 列 1, セル 1/カラム 2
|
列 1, ヘッダ 1, カラム 1
| 列 1, セル 2/カラム 2
|
|
解説
| 入力
| 出力
|
Fandom形式の4セルテーブル
| {| class="article-table"
|-
! 列 1, <br/> ヘッダ 1/カラム 1
! 列 1, <br/> ヘッダ 2/カラム 2
|-
| 列 2, <br/> セル/カラム 1
| 列 2, <br/> セル/カラム 2
|}
|
列 1, ヘッダ 1/カラム 1
| 列 1, ヘッダ 2/カラム 2
|
列 2, セル/カラム 1
| 列 2, セル/カラム 2
|
|
CSSによる背景色指定ありのシンプルな 2 x 2 テーブル
| {| style="background-color:yellow;"
|-
| 列 1, <br/> セル/カラム 1
| 列 1, <br/> セル/カラム 2
|-
| 列 2, <br/> セル/カラム 1
| 列 2, <br/> セル/カラム 2
|}
|
列 1, セル/カラム 1
| 列 1, セル/カラム 2
|
列 1, セル/カラム 1
| 列 1, セル/カラム 2
|
|
CSSによるさまざまなスタイル指定があるシンプルな 2 x 2 テーブル
| {| style="border:3px inset gray; font-size:80%; width:90%;"
|-
! style="background-color:blue; color:pink; padding-left:1em; width:60%;" | 列 1, <br/> ヘッダ 1/カラム 1
| style="text-decoration:line-through;" | 列 1, <br/> セル/カラム 2
|-
! style="text-align:right;" | 列 2, <br/> ヘッダ 2/カラム 1
| style="border:1px dotted red;" | 列 2, <br/> セル/カラム 2
|}
|
列 1, ヘッダ 1/カラム 1
| 列 1, セル/カラム 2
|
列 1, ヘッダ 2/カラム 1
| 列 1, セル/カラム 2
|
|