HTMLリファレンスマニュアル

HTMLタグ完全リスト

HTML: <th> タグ

HTML <th>タグは、HTMLテーブルの最初の行に表示されるタイトルセルを定義します。ブラウザは <th>タグ内のテキストを太字、中央に配置されたテキストとして表示します。このタグは通常 <th>要素とも呼ばれます。

オンラインサンプル

　HTMLテーブル、2つのヘッダーセルと2つのデータセルを持つ：

例

<!doctype　html>
<html>
<head>
<meta　charset="UTF-8">
<title>HTML　thタグの使用(基本チュートリアルウェブ　oldtoolbag.com)</title>
</head>
<body>
<table　border="1">
　　<tr>
　　　　<th>Column　1　Heading</th>
　　　　<th>Column　2　Heading</th>
　　　　<th>Column　3　Heading</th>
　　</tr>
　　<tr>
　　　　<td>Data　in　Column　1,　Row　2</td>
　　　　<td>Data　in　Column　2,　Row　2</td>
　　　　<td>Data　in　Column　3,　Row　2</td>
　　</tr>
</table>
</body>
</html>

テストをしてみてください ‹/›

このHTML5ドキュメントの例では、<table>タグでテーブルを作成し、このテーブルには3列と2行1行3行が2行は<td>タグで標準のテーブルセルを定義します。

ブラウザの互換性

IEFirefoxOperaChromeSafari

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

タグの定義および使用方法

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

HTMLテーブルには2種類のセルタイプがあります：

表頭セル - ヘッダ情報を含みます（<th>要素で作成）
標準セル - データを含みます（ <td> 要素が作成されました）

<th>要素内のテキストは通常、太字で中央に配置されます。

<td>要素内のテキストは通常、普通の左寄せのテキストです。

<th>タグは、HTMLテーブルの最初の行に現れるタイトルセルです。<thead>タグ内で<th>タグを定義することができ、これによりブラウザにいくつかの利点がありますが、これは任意です。

ヒントおよび注意

ヒント：複数の行や列に内容を横跨ける必要がある場合は、colspanおよびrowspan属性を使用してください！

HTML 4.01 とHTML5の違い

HTML 5 ではHTMLをサポートしません。 4.01 の一部の属性

属性

属性	値	説明
abbr	text	HTML5 サポートされていません。表頭セル内の内容の短縮版を指定します。
align	left 　right 　center 　justify 　char	HTML5 サポートされていません。表頭セル内の内容の水平整列方法を指定します。
axis	category_name	HTML5 サポートされていません。表頭セルにカテゴリを指定します。
bgcolor	rgb(x,x,x) #xxxxxx colorname	HTML5 サポートされていません。HTML 4.01 廃止されました。表頭セルの背景色を指定します。
char	character	HTML5 サポートされていません。どの文字に基づいて内容を整列させるかを指定します。
charoff	number	HTML5 サポートされていません。文字のオフセット量を指定します。
colspan	number	表頭セルが横跨ける列数を指定します。
headers	header_id	表頭セルに関連付けられた1つまたは複数の表頭セルを指定します。
height	ピクセル %	HTML5 サポートされていません。HTML 4.01 廃止されました。表頭セルの高さを指定します。
nowrap	nowrap	HTML5 サポートされていません。HTML 4.01 廃止されました。表頭セル内の内容が折り返されるかどうかを指定します。
rowspan	number	表頭セルが横跨ける行数を指定します。
scope	col 　colgroup 　row 　rowgroup	表頭セルが行、列、行グループ、または列グループのヘッダーであるかどうかを指定します。
valign	top 　middle 　bottom 　baseline	HTML5 サポートされていません。表頭セルの内容の垂直配置方法を指定します。
width	ピクセル %	HTML5 サポートされていません。HTML 4.01 廃止されました。表頭セルの幅を指定します。

グローバル属性をサポート

<th> タグは HTMLのグローバル属性。

イベント属性をサポート

<th> タグはすべての HTMLのイベント属性。

さらに多くのサンプル

行や列を越えるテーブルセル
このサンプルでは、行や列を越えるテーブルセルの定義方法を示します。

テーブル内のタグ
このサンプルでは、異なる要素内に要素を表示する方法を示します。

セルマージン(Cell padding)
このサンプルでは、Cell padding を使用してセルの内容と枠との間にスペースを作成する方法を示します。

セル間隔(Cell spacing)
このサンプルでは、Cell spacing を使用してセル間の距離を増やす方法を示します。

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

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

HTML: <thead> タグ HTML: <tfoot> タグ