HTML <td> タグ

2 つのセルを持つ簡単な HTML テーブル：

他の "Try it Yourself" の例が下にあります。

定義と用法

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

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

<th> 要素のテキストは、デフォルトで、太字・中央揃えに配置されます。

<td> 要素のテキストは、デフォルトで、通常の太さ・左揃えに配置されます。

要素
<td>	Yes	Yes	Yes	Yes	Yes

チップ: コンテンツを複数の列や行にまたがるようにするには、colspan と rowspan 属性を使用してください！

すべてのレイアウト属性は、HTML5 から削除されました。

属性	値	説明
abbr	text	HTML5 ではサポート対象外。セル内のコンテンツの省略バージョンを指定する
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	HTML5 ではサポート対象外。テーブル内のヘッダーセルとデータセルを関連付けるための方法を定義する
valign	top middle bottom baseline	HTML5 ではサポート対象外。セル内のコンテンツの縦方向の配置
width	pixels %	HTML5 ではサポート対象外。セルの幅を指定する

<td> タグは、HTML のグローバル属性もサポートします。

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

テーブルヘッダ
テーブルヘッダの作成方法。

表題付きテーブル
表題付きの HTML テーブル。

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

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

ほとんどのブラウザは、次のデフォルト値を使用して <td> 要素を表示しています：

td {
display: table-cell;
vertical-align: inherit;
}