例
単純なHTMLテーブル、2つの列と2つの行を含みます:
<table>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
»それを自分で試してみてください 詳細以下の例「自分にそれを試してみてください」。
定義と使用法
<table>タグは、HTMLテーブルを定義します。
HTMLテーブルの構成は<table>要素と1つ以上の<tr> <th> 、および<td>要素。
<tr>要素は、テーブルの行を定義し、 <th>要素は、テーブルヘッダを定義し、 <td>要素には、表のセルを定義します。
より複雑なHTMLテーブルも含むことができる<caption>, <col>, <colgroup>, <thead>, <tfoot> 、および<tbody>要素。
ブラウザのサポート
素子 | |||||
---|---|---|---|---|---|
<table> | はい | はい | はい | はい | はい |
HTML 4.01とHTML5の違い
"align", "bgcolor", "cellpadding", "cellspacing", "frame", "rules", "summary" 、および"width"属性はHTML5でサポートされていません。
属性
属性 | 値 | 説明 |
---|---|---|
align | left center right | HTML5でサポートされていません。 周囲のテキストによると、テーブルの配置を指定します |
bgcolor | rgb(x,x,x) #xxxxxx colorname | HTML5でサポートされていません。 テーブルの背景色を指定 |
border | 1 0 | テーブルレイアウトのために使用されているかどうかを指定 |
cellpadding | pixels | HTML5でサポートされていません。 細胞壁および細胞内容との間の空間を指定します |
cellspacing | pixels | HTML5でサポートされていません。 セル間のスペースを指定します。 |
frame | void above below hsides lhs rhs vsides box border | HTML5でサポートされていません。 指定表示されるはずです外枠線の一部 |
rules | none groups rows cols all | HTML5でサポートされていません。 指定見えるはずの内部境界線の一部 |
sortable | sortable | テーブルがソート可能でなければならないことを指定します |
summary | text | HTML5でサポートされていません。 表の内容の要約を指定します。 |
width | pixels % | HTML5でサポートされていません。 テーブルの幅を指定します |
グローバル属性
<table>タグもサポートし、グローバルは、HTMLの属性 。
イベント属性
<table>タグもサポートしています。イベントは、HTMLの属性 。
それを自分で試してみてください - 例
表のヘッダー
表のヘッダーを作成する方法。
キャプションと表
キャプション付きHTMLテーブル。
テーブル内部のタグ
他の要素内の要素を表示する方法。
複数の行/列にまたがるセル
複数の行または1列にまたがるテーブルセルを定義する方法。
関連ページ
HTMLチュートリアル: HTMLテーブル
HTML DOMリファレンス: Tableオブジェクト
CSSチュートリアル: Stylingテーブル
デフォルトのCSS設定
ほとんどのブラウザが表示され<table>次のデフォルト値を持つ要素を:
例
table {
display: table;
border-collapse: separate;
border-spacing: 2px;
border-color: gray;
}
»それを自分で試してみてください