TD
解説
テーブルの基本的な構造は、TABLE
内にTR
で表の横一行を定義して、さらにその中にTH
やTD
でセルを定義する。TD
はTable Dataの略で、セルの内容が「データ」となるデータセルを作成する。セルの内容が「見出し」の場合には、TH
を使用する
参照
属性
- align:
- セル内のデータの幅寄せや、文字列の桁揃えを指定する。また、
TD
要素の既定値は「left
」、TH
要素の既定値は「center
」left
: 左詰め(TD
要素に対する既定値)/center
: センタリング(TH
要素に対する既定値)/right
: 右詰め/justify
: 均等割付/char
: ある文字を基準にして文字列を桁揃え - valign:
- セル内での垂直位置を指定。
top
: 上詰め/middle
: センタリング(既定値)/bottom
: 下詰め/baseline : セルに含まれる文字列の最初の文字のベースラインを揃える - char:
- 属性値として指定された文字を、セル内の文字列を桁揃えするための基準文字として指定する。例えば、英語であれば「.」、フランス語であれば「,」のように、Lang属性で 指定した言語に対応するものを既定値とするすることも可能。ただし、ブラウザはこの既定値をサポートする必要は無い
- charoff:
- Char属性により桁揃え文字が指定されていた場合、。その文字からいくらずらして表示するかを指定する。例えば、小数点以下3桁で揃えたい場合は、「3」を指定する。また、文字揃えの際にずらす方向は、Dir属性による書字方向に依存する。ただし、ブラウザはこの既定値を サポートする必要は無い
- bgcolor:
- テーブルの行全体の背景色を指定する。当属性は非推奨となっており、スタイルシートで指定することが推奨されている
- headers:
- 見出しの所在情報を示す。非視覚系ブラウザに対しての配慮であり、
TH
要素のId属性を複数参照することが 可能。行または列を一括して定義する場合はScope属性を用いる - scope:
- 見出しの所在情報を示すもの。非視覚系ブラウザに対しての配慮であり、そのセルに続くデータ列の場所を一括で明示するもの。部分的に定義する場合はHeaders属性を用いる。
row
: 当セルの見出し情報を当セル以降の行に適用/col
: 当セルの見出し情報を当セル以降の列に適用/rowgroup
: 当セルの見出し情報を当行グループに適用/colgroup
: 当セルの見出し情報を当列グループに適用 - abbr:
- セルデータを省略形で指定する。繰り返して出現するセルデータに対して指定することで、。非視覚系ブラウザに対して省略形で表現(読み上げられる)される
- axis:
- セルを色々な見方で意味づけしてデータ配列の組み替えを可能にするN次元座標軸を設定しようとするもの。例えば、データとしてはN次元あるテーブルを、あるカテゴリーに添ったデータのみに対して2次元テーブルで表示するような場合などで、ユーザーは必要に応じてデータを表示できるようになる。またこれは、非視覚系ブラウザに対しても特に有用
- colspan:
- 複数のセルを行方向に結合する。数値で結合するセル数を指定する。既定値は「1」で、「0」を指定した場合、そのセルから右の列全てを結合することになる。ただし「0」で結合するセルは、
COLGROUP
要素 で括られている範囲に限定される(HTML4.01) - rowspan:
- 複数のセルを列方向に結合する。数値で結合するセル数を指定する。既定値は「1」で、「0」を指定した場合、そのセルから下の行全てを結合することになる。ただし「0」で結合するセルは、
TH
EAD要素,TFOOT要素,TBODY要素 で括られている範囲に限定され(HTML4.01) - nowrap:
- セル内での改行を禁止する。当属性は非推奨であり、 スタイルシートによる指定が強く推奨されている
- width:
- セルの横幅を指定する。指定していなければ、ブラウザ側が自動的に決定する。当属性は非推奨であり、スタイルシートによる指定が推奨されている
- height:
- セルの高さを指定する。指定していなければ、ブラウザ側が自動的に決定する。当属性は非推奨であり、スタイルシートによる指定が推奨されている
- %STYLEs%:
- スタイルシートのクラス名やID名を参照
- %LANGs%:
- 言語情報や書字方向などを指定
- %EVENTs%:
- 各種イベントを指定
使用例
ソース
<table border=1>
<caption>MAC フレーム</caption>
<colgroup span="2" align="center"></colgroup>
<colgroup align="right"></colgroup>
<thead><tr><th>フィールド名称</th><th>長さ(ビット)</th><th>説明</th></tr></thead>
<tr><td>プリアンブル</td><td>56</td><td>1と0の28回繰り返し</td></tr>
<tr><td>SFD</td><td>8</td><td>10101011</td></tr>
<tr><td>宛先MACアドレス</td><td>48</td><td>パケットを届ける相手のMACアドレス</td></tr>
<tr><td>送信元MACアドレス</td><td>48</td><td>このパケットを送信した側のMACアドレス</td></tr>
<tr><td>タイプ</td><td>16</td><td>使用するプロトコルの種類</td></tr>
<tr><td>データ</td><td>46-1500</td><td>-</td></tr>
<tr><td>FCS</td><td>32</td><td>トレイラ</td></tr>
</table>
表示結果
フィールド名称 | 長さ(ビット) | 説明 |
---|---|---|
プリアンブル | 56 | 1と0の28回繰り返し |
SFD | 8 | 10101011 |
宛先MACアドレス | 48 | パケットを届ける相手のMACアドレス |
送信元MACアドレス | 48 | このパケットを送信した側のMACアドレス |
タイプ | 16 | 使用するプロトコルの種類 |
データ | 46-1500 | - |
FCS | 32 | トレイラ |