<TD>

<TD>　〜　</TD>

• 内容を記述してテーブルのセルを定義する。

• セルの内容が見出しの場合は、<TH> を使用する。

• テーブル（表）の作成
  1. セルひとつひとつずつを <TD>　〜　</TD> や、<TH>　〜　</TH> で、はさむ。
  2. 横一列分を <TR>　〜　</TR> ではさむ。
  3. 全体を<TABLE>　〜　</TABLE>ではさむ。
  • 詳細 <TABLE> 参照

• TD はテーブルデータ（table data）の略。

タグの形式

• 開始タグ　：　必須　/　終了タグ　：　省略可能

<TD>〜</TD>の中で使える要素

• インライン要素　/　ブロック要素

rowspan="数字"

• セルを指定した数だけ下方向に連結してひとつのセルにする。

• <TABLE border="1">
  <TR><TD rowspan="3">●</TD><TD>▲</TD></TR>
  <TR><TD>△</TD></TR>
  <TR><TD>▲</TD></TR>
  </TABLE>

  ●	▲
  	△
  	▲

colspan="数字"

• セルを指定した数だけ右方向に連結してひとつのセルにする。

• <TABLE border="1">
  <TR><TD colspan="3">■</TD></TR>
  <TR><TD>□</TD><TD>○</TD><TD>△</TD></TR>
  <TR><TD>■</TD><TD>●</TD><TD>▲</TD></TR>
  </TABLE>

  ■
  □	○	△
  ■	●	▲

align=" 〜 "

• そのセルの横方向のテキスト表示位置を指定。
  • left　（左揃え）
  • right　（右揃え）
  • center　（中央揃え）
  • justify　（両端揃え）
  • char　（char属性で指定した文字の位置を揃える）

valign=" 〜 "

• そのセルの縦方向のテキスト表示位置を指定。
  • top　（上）
  • middle　（中央、デフォルト）
  • bottom　（下）
  • baseline　（ベースライン揃え）
• align属性とvalign属性を一緒に指定することもできる。

char="位置を揃える文字"

• align="char" としたとき、位置を揃える文字を指定。デフォルトは　.（ピリオド）。
• お金の表などで使えるかも。小数点に軸をあわせられる。

charoff="位置を揃える文字までの距離"

• align="char" としたとき、
  char属性で指定した文字を、セルの左端からどのくらいの距離に表示するかを指定。
• セル内に指定文字がないときは、末尾が指定文字の直前に揃えられる。

• class="クラス"
• style="スタイルシート"
• dir="文字の表記方向"
• id="ID"
• lang="言語コード"
• title="タイトル"

• nowrap　・・・　セル内で改行をしないよう指定。
• width="数字"　・・・　そのセルの横幅をピクセルで指定。
• height="数字"　・・・　そのセルの高さをピクセルで指定。
• bgcolor="色"　・・・　そのセルの背景色を指定。

HTMLソース

<TABLE border="1">
<TR><TD rowspan="3"><IMG 〜 ></TD><TD>くらげ</TD></TR>
<TR><TD>性別：女<BR>誕生日：秘密</TD></TR>
<TR><TD>好きなもの：チーズケーキ<BR>嫌いなもの：辛いもの</TD></TR>
</TABLE>