HTML <th> Tag

❮前次❯

例

2つのヘッダーセルおよび2のデータセルを持つ単純なHTMLテーブル：

<table>
<tr>
   <th>Month</th>
   <th>Savings</th>
</tr>
<tr>
   <td>January</td>
   <td>$100</td>
</tr>
</table>

»それを自分で試してみてください

詳細以下の例「自分にそれを試してみてください」。

定義と使用法

<th>タグは、HTMLテーブル内のヘッダーセルを定義します。

HTMLテーブルは、細胞の2種類があります。

ヘッダーセル- （で作成されたヘッダ情報が含まれている<th>要素）
スタンダードセル- （で作成されたデータが含まれている<td>要素）

内のテキストは<th>要素は太字、デフォルトではセンタリングされています。

内のテキスト<td>要素は、通常、左揃え、デフォルトです。

ブラウザのサポート

素子
<th>	はい	はい	はい	はい	はい

ヒントと注意事項

ヒント：使用colspanとrowspan複数の列または行の上にコンテンツスパンをできるように属性を！

HTML 4.01とHTML5の違い

すべてのレイアウト属性はHTML5で除去されます。

属性

属性	値	説明
abbr	text	ヘッダーセルのコンテンツの省略バージョンを指定します。
align	left right center justify char	HTML5でサポートされていません。ヘッダーセルのコンテンツを揃え
axis	category_name	HTML5でサポートされていません。ヘッダーセルを分類
bgcolor	rgb(x,x,x) #xxxxxx colorname	HTML5でサポートされていません。見出しセルの背景色を指定します。
char	character	HTML5でサポートされていません。文字へのヘッダーセルのコンテンツを揃え
charoff	number	HTML5でサポートされていません。コンテンツは、で指定した文字から文字数整列されます設定しchar属性
colspan	number	ヘッダーセルがまたがる列の数を指定します。
headers	header_id	セルがに関連する1以上のヘッダーセルを指定します。
height	pixels %	HTML5でサポートされていません。ヘッダーセルの高さを設定します
nowrap	nowrap	HTML5でサポートされていません。ヘッダーセル内のコンテンツが折り返されないように指定します
rowspan	number	ヘッダーセルがまたがる行数を指定します。
scope	col colgroup row rowgroup	ヘッダーセルが列または行の列、行、またはグループのヘッダであるかどうかを指定します
sorted	reversed number reversed number number reversed	列のソート方向を定義します
valign	top middle bottom baseline	HTML5でサポートされていません。垂直ヘッダーセルのコンテンツを揃え
width	pixels %	HTML5でサポートされていません。ヘッダーセルの幅を指定します。

グローバル属性

<th>タグでもサポートされているグローバルは、HTMLの属性。

イベント属性

<th>タグもサポートしています。イベントは、HTMLの属性。

それを自分で試してみてください - 例

表のヘッダー
表のヘッダーを作成する方法。

キャプションと表
キャプション付きHTMLテーブル。

テーブル内部のタグ
他の要素内の要素を表示する方法。

Cの複数の行/列にまたがるells
複数の行または1列にまたがるテーブルセルを定義する方法。

デフォルトのCSS設定

ほとんどのブラウザが表示されます<th>次のデフォルト値を持つ要素を：

th {
    display: table-cell;
    vertical-align: inherit;
    font-weight: bold;
    text-align: center;
}