WEBページ作成リファレンス
cman.jp cman.jp > WEBページ作成TOP > HTMLタグ・リファレンス > HTMLタグ一覧(ABC順) > <td>「表のデータセル」

<td> 「表のデータセル」[読み方:ティディ]

<td>タグは、テーブル(表)のデータセルを作成する場合に使用します。
<tr>の子要素となるため、必ず<tr>の中に記述する必要があります。

HTML規格HTML4.01HTML5
使用可否
広告

<td> の仕様

カテゴリー使用できる場所(親要素)コンテンツモデル(子要素)タグ省略
<tr>フローコンテンツ直後が<td>、<th>または、親要素の最終コンテンツの場合、終了タグ省略可

<td> の属性

【構文】
<table>
<caption>~表題~</caption>

<thead>
<tr><th id="h1">~見出し~</th></tr>
</thead>
<tbody>
<tr><th;>~小見出し~</th></tr>
<tr><td headers="h1">~内容~</td></tr>
</tbody>
<tfoot>
<tr><td>~フッタ内容~</td></tr>
</tfoot>

</table>
属性意味値のサンプルなど
colspan="値"セルが跨ぐ列数を指定1以上の整数のみ指定可
rowspan="値"セルが跨ぐ行数を指定0以上の整数のみ指定可
(0指定は当該セルの行グループの最後までの指定)
headers="id"対応する<th>(見出しセル)のidを指定
廃止された属性
  • abbr
  • align
  • axsis
  • bgcolor
  • char
  • charoff
  • nowrap
  • scope
  • valign
  • width
グローバル属性
  • accesskey
  • class
  • contenteditable
  • dir
  • hidden
  • id
  • lang
  • spellcheck
  • style
  • tabindex
  • title
  • translate
イベント属性
ページTOP

<td>タグのサンプル

header属性指定のサンプル
<head>
<style type="text/css">
<!--
#css-s1 {background-color: #0066ff;border-spacing: 1px;border: 0px;}
#css-s1 caption {background-color: #0066ff;color: #fff;}
#css-s1 th {background-color: #d0f0ff;text-align: center;padding:3px;}
#css-s1 td {background-color: #fff;text-align: center;padding:3px;}
-->
</style>

</head>

<table id="css-s1">
<caption>秋の中間テスト結果</caption>
<thead>
<tr><th id="h1">順位</th><th id="h2">氏名</th><th id="h3">国語</th>
<th id="h4">理科</th><th id="h5">社会</th><th id="h6">個人平均</th></tr>
</thead>
<tbody>
<tr><th headers="h1">1位</th><td headers="h2">山田 太郎</td>
<td headers="h3">
98</td><td headers="h4">62</td><td headers="h5">87</td>
<td headers="h6">
82</td></tr>
<tr><th headers="h1">2位</th><td headers="h2">鈴木 花子</td>
<td headers="h3">
85</td><td headers="h4">71</td><td headers="h5">58</td>
<td headers="h6">
71</td></tr>
<tr><th headers="h1">3位</th><td headers="h2">斉藤 一郎</td>
<td headers="h3">
66</td><td headers="h4">65</td><td headers="h5">52</td>
<td headers="h6">
61</td></tr>
</tbody>
<tfoot>
<tr><th colspan=2>科目平均</th><td headers="h3">83</td>
<td headers="h4">
66</td><td headers="h5">66</td></tr>
<tr><th colspan=5>全平均</th><td>72</td></tr>
</tfoot>
</table>
秋の中間テスト結果
順位氏名国語理科社会個人平均
1位山田 太郎98628782
2位鈴木 花子85715871
3位斉藤 一郎66655261
科目平均836666-
全平均72
ページTOP

留意事項

  • align、bgcolor、nowrap、valign、width属性は、HTML5で廃止されました。セルの幅・高さなどレイアウトは、スタイルシートで指定します。
ページTOP
広告
QrCode
このページのURL
スマートフォン・タブレット運営 : CMAN 株式会社シーマン