HTML <table>タグ

例

2列2行のシンプルな HTML テーブル：

<table border="1"> <tr> <th>Month</th> <th>Savings</th> </tr> <tr> <td>January</td> <td>$100</td> </tr> <tr> <td>February</td> <td>$80</td> </tr> </table>

試してみる »
（その他の例はページ下部を参照）

ブラウザサポート

すべての主要ブラウザは <table> タグをサポートしています。

タグの定義と使用説明

<table> タグは HTML テーブルを定義します。

HTML テーブルは <table> 要素、1つ以上の<tr>、<th>および<td>要素を含みます。

<tr> 要素はテーブルの行を定義し、<th> 要素は見出しセルを定義し、<td> 要素はテーブルのセルを定義します。

より複雑な HTML テーブルには、<caption>、<col>、<colgroup>、<thead>、<tfoot>、<tbody> 要素も含まれる場合があります。

HTML 4.01 と HTML5 の違い

HTML5 では、"border" 属性のみがサポートされ、値は "1" または "" のみ使用できます。

属性

属性	值	説明
align	left center right	HTML5 ではサポートされていません。HTML 4.01 では非推奨です。テーブルの周囲の要素に対する配置方法を指定します。
bgcolor	rgb(x,x,x) #xxxxxx colorname	HTML5 ではサポートされていません。HTML 4.01 では非推奨です。テーブルの背景色を指定します。
border	1 ""	HTML5 ではサポートされていません。テーブルセルに枠線があるかどうかを指定します。
cellpadding	pixels	HTML5 ではサポートされていません。セル境界とその内容の間の余白を指定します。
cellspacing	pixels	HTML5 ではサポートされていません。セル間の余白を指定します。
frame	void above below hsides lhs rhs vsides box border	HTML5 ではサポートされていません。外側の枠線のどの部分を表示するかを指定します。
rules	none groups rows cols all	HTML5 ではサポートされていません。内側の枠線のどの部分を表示するかを指定します。
summary	text	HTML5 ではサポートされていません。テーブルの概要を指定します。
width	pixels %	HTML5 ではサポートされていません。テーブルの幅を指定します。

グローバル属性

<table> タグはサポートしますHTML のグローバル属性。

イベント属性

<table> タグはサポートしますHTML のイベント属性。

試してみる - 例

この例では、テーブルの見出しを表示する方法を示します。

この例では、" " を使用して内容のないセルを処理する方法を示します。

この例では、キャプション付きのテーブルを示します。

この例では、他の要素内に要素を表示する方法を示します。

この例では、行または列にまたがるテーブルセルを定義する方法を示します。

HTML チュートリアル：HTML テーブル

HTML DOM リファレンス：Table オブジェクト

HTML テーブルジェネレーター：オンライン HTML テーブルジェネレーター

その他の拡張

HTMLタグ