HTMLの<table>タグ
例
:2の2行を含む単純なHTMLテーブル、
<table border="1">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
»をお試しください
(その他の例については、ページの一番下を参照してください)
ブラウザのサポート
すべての主要なブラウザは、<表>タグをサポートしています。
タグの定義と指示
<表>タグは、HTMLテーブルを定義します
テーブルには、HTMLの<table>要素、一つ以上含まれ、<TR> 、 <TH>および<TD>要素を。
<TR>要素は、要素がテーブルのヘッダーを定義する<目>、<TD>要素は、表のセルを定義して、テーブルの行を定義します。
もっと複雑なフォームは、HTML <キャプション>、<COL>、<COLGROUP>、<THEAD>、<tfoot要素>と<TBODY>要素を含んでいてもよいです。
HTML 4.01とHTML5との違い
HTML5のサポートのみ「ボーダー」プロパティでは、唯一の値が「1」かを使用可能にする」を。」
プロパティ
属性 | 值 | 描述 |
---|---|---|
align | left center right |
HTML5 不支持。HTML 4.01 已废弃。 规定表格相对周围元素的对齐方式。 |
bgcolor | rgb(x,x,x) #xxxxxx colorname |
HTML5 不支持。HTML 4.01 已废弃。 规定表格的背景颜色。 |
border | 1 "" |
规定表格单元是否拥有边框。 |
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 不支持。规定表格的宽度。 |
グローバル・プロパティ
<表>タグがサポートしてHTMLグローバルプロパティを 。
イベントプロパティ
<表>タグがサポートしているHTMLのイベントプロパティを 。
試してみてください - 例
表のタイトル
この例では、表のヘッダを表示する方法を示します。
空のセル
なしコンテンツ処理細胞;この例では、 "&NBSPは"を使用する方法を示します。
見出しと表
この例では、タイトル(キャプション)の形で示しています。
テーブル内のタグ
この例では、他の要素内の要素を表示する方法を示します。
列またはテーブルセルを横断インターバンク
この例では、クロスやテーブルセルの列を横切っを定義する方法を示しています。
関連記事
HTMLチュートリアル: HTMLテーブル
HTML DOMリファレンス・マニュアル: テーブルオブジェクト