HTMLの<td>タグ
例
2細胞を用いたシンプルなHTMLフォーム:
<table border="1">
<tr>
<td>Cell A</td>
<td>Cell B</td>
</tr>
</table>
<tr>
<td>Cell A</td>
<td>Cell B</td>
</tr>
</table>
»をお試しください
(その他の例については、ページの一番下を参照してください)
ブラウザのサポート
すべての主要なブラウザは<TD>タグをサポートしています。
タグの定義と指示
<TD>タグには、標準のHTMLテーブルのセルを定義します。
HTMLテーブル、セルの2つの種類があります。
- ヘッダーセル-ヘッダー情報が含まれています( <目>要素を作成します)
- スタンダードセル - (<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 | 规定与单元格相关联的一个或多个表头单元格。 |
height | pixels % |
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 | pixels % |
HTML5 不支持。HTML 4.01 已废弃。 规定单元格的宽度。 |
グローバル・プロパティ
<TD>タグがサポートしてHTMLグローバルプロパティを 。
イベントプロパティ
<TD>タグがサポートしているHTMLのイベントプロパティを 。
試してみてください - 例
表のタイトル
この例では、表のヘッダを表示する方法を示します。
空のセル
なしコンテンツ処理細胞;この例では、 "&NBSPは"を使用する方法を示します。
見出しと表
この例では、タイトル(キャプション)の形で示しています。
テーブル内のタグ
この例では、他の要素内の要素を表示する方法を示します。
列またはテーブルセルを横断インターバンク
この例では、クロスやテーブルセルの列を横切っを定義する方法を示しています。
関連記事
HTMLチュートリアル: HTMLテーブル
HTML DOMリファレンス: Tdのオブジェクト