IT専科TOP>HTML/スタイルシート>HTMLタグ(ABC順)> <td>

<td>

<tr>要素(行)内で、データ(内容)を表示するためのセルを作成する要素です。


ブラウザ

IE3 / IE4 / IE5 / IE5.5 / IE6 / N3 / N4 / N6 / N7 / O6 / O7 / O9 / Fx1 / Fx2 / IE5 mac

▲PageTop

仕様

・構成
要素区分 エンドタグ ネストできる要素 備考
<tr>要素の子要素 省略可 flow が何回か出現、もしくは出現しない。

・属性
属性名 必須 意味
abbr 非視覚ブラウザサポート:セルデータを省略した内容 任意のテキスト
axis 非視覚ブラウザサポート:より細かい分類を必要とする場合に記述 データに対する見出しになるセルのid値
headers 非視覚系ブラウザサポート:th要素のid属性を指定 データに対する見出しになるセルのid値
scope 非視覚ブラウザサポート:複数の行・列に対し、見出しを複数指定
row
指定したセルを含む行以下の部分の見出し情報を表す
col
指定したセルを含む列以下の部分の見出し情報を表す
rowgroup
指定したセルを含む行グループ以下の部分の見出し情報を表す
colgroup
指定したセルを含む列グループ以下の部分の見出し情報を表す
rowspan 行単位のセル結合数 数値(規定値:1)
colspan 列単位のセル結合数 数値(規定値:1)
align テキストの水平方向配置
left
左端
center
中央
right
右端
justify
両端揃え
char
char属性で指定した文字で揃える
char テキストの配置の基準となる文字 配置の基準にしたい文字(alignでchar指定時に有効)
charoff char属性の文字を基準とした距離 %かpx
valign テキストの垂直方向配置
top
上端
middle
中央
bottom
下端
baseline
ベースライン
nowrap セル内での改行を禁止 nowrap
bgcolor 背景色 色コード・色名
width 要素の幅 %かpx
height 要素の高さ %かpx
class class名 スタイルシートを設定したclass名
id id名 スタイルシートを設定したid名もしくは、任意のテキスト
title 説明文 任意のテキスト
style スタイル 任意のスタイル
lang 言語コード 例(日本語):ja
dir 読む方向
rtl
右から左に読む
ltr
左から右に読む

・イベント
イベント 仕様
onclick クリック時に発生
ondblclick ダブルクリック時に発生
onmousedown 要素上でマウスボタンを押したときに発生
onmouseup 要素上でマウスボタンを離したときに発生
onmouseover ポインティングデバイスが要素上を通過したときに発生
onmousemove ポインティングデバイスが要素上で動くと発生
onmouseout 要素の領域から出るときに発生
onkeypress 要素上でキーが押されて、要素から離れたとき発生
onkeydown 要素上でキーが押されたとき発生
onkeyup 要素上で押されたキーを離したとき発生

▲PageTop

サンプル

ソースコード

<html>
  <head>
    <title>サンプルコード</title>
  </head>
  <body>
    <table border="1">
    <caption>表サンプル</caption>
      <tr>
        <th id="date">日付</th>
        <th>商品1販売個数</th>
        <th>商品2販売個数</th>
      </tr>
      <tr>
        <td headers="date" height="50" width="100" align="center">12/2</td>
        <td align="right">5</td>
        <td align="right">12</td>
        </tr>
      <tr>
        <td headers="date" height="50" align="center">12/3</td>
        <td align="right">10</td>
        <td align="right">11</td>
        </tr>
    </table>
  </body>
</html>

表示結果

表サンプル
日付 商品1販売個数 商品2販売個数
12/2 5 12
12/3 10 11

▲PageTop

関連項目

HTML

<table> / <th> / <tr>


CSS

border / width / height / vertical-align

▲PageTop