HTML <td> Tag

❮前次❯

例

2テーブルセルを持つ単純なHTMLテーブル、：

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

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

定義と使用法

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

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

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

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

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

ブラウザのサポート

素子
<td>	はい	はい	はい	はい	はい

ヒントと注意事項

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

HTML 4.01とHTML5の違い

すべてのレイアウト属性は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の複数の行/列にまたがるells
複数の行または1列にまたがるテーブルセルを定義する方法。

デフォルトのCSS設定

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

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