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

HTMLタグ完全ガイド

HTML: <td> タグ

HTML <td>タグはHTMLテーブルで標準的なセルを定義します。<td>要素はデータを含むテーブルセルを定義します。このタグは通常<td>要素と呼ばれます。

オンラインサンプル

　HTMLテーブル、複数のセルを含む：

サンプル

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

テストを見てみましょう ‹/›

在此HTML5ドキュメントの例では、<table>タグを使用してテーブルを作成しました。このHTML2列と4行です。テーブルの1行は最初の<tr>タグで定義されています。それは2行は<th>タグを使用して定義された表の見出しセルです。このテーブルの2から4行は<td>タグを使用して標準的なテーブルセルを定義します。

ブラウザの互換性

IEFirefoxOperaChromeSafari

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

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

<td>タグはHTMLテーブルの標準セルを定義します。

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

表頭セル - ヘッダ情報を含む（ <th> 要素で作成）
標準セル - データを含む（<td>要素で作成）

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

<td>要素内のテキストは通常、左対称のテキストです。

ヒントと注意

ヒント：内容を複数の行や列に横跨ける必要がある場合は、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	HTML5 サポートしていません。表頭セルとデータセルを関連付ける方法を定義します。
valign	top 　middle 　bottom 　baseline	HTML5 サポートしていません。セルの内容の垂直配置方法を指定します。
width	ピクセル %	HTML5 サポートしていません。HTML 4.01 廃止されました。セルの幅を指定します。

グローバル属性

<td> タグがサポート HTML のグローバル属性。

イベント属性

<td> タグがサポート HTML のイベント属性。

試してみてください - サンプル

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

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

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

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

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

HTML DOM リファレンスマニュアル： Td オブジェクト

HTML: <textarea> タグ HTML: <tbody> タグ