最新のWeb開発のチュートリアル
 

HTML <table> Tag


単純な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でサポートされていません。
指定見えるはずの内部境界線の一部
sortablesortable テーブルがソート可能でなければならないことを指定します
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;
}
»それを自分で試してみてください