TD タグ

<TD>タグ テーブル(表)の基本的な構造 は、<TABLE>〜<TABLE>内に<TR>〜</TR>で表の横一行を定義し て、さらにその中に<TH>〜</TH>や<TD>〜</TD>でセルを定義します。

<TD>はTable Dataの略で、セルの内容が「データ」となるデータセルを作成します。セルの内容が「見出し」の場合に は、<TH>〜</TH>を使用します。

<TD>〜</TD>

■テーブルの中のセルを作成します。

【実行例】

1行目 2行目
2列目 2列目2

【実行例ソース】

<TABLE border="1">
 <TR>
  <TD>1行目</TD>
  <TD>2行目</TD>
 </TR>
 <TR>
  <TD>2列目</TD>
  <TD>2列目2</TD>
 </TR>
</TABLE>

<TD width=" セルの横幅" height=" セルの縦幅"bgcolor="セルの背景色"background="セルの背景 画像">〜</TD>

【実行例】

1行 目 2行目
2列目 2列目2

【実行例ソース】

<TABLE border="1">
 <TR>
  <TDwidth="113" bgcolor="#cccccc">1行目</TD>
  <TD>2行目</TD>
 </TR>
 <TR>
  <TD<height="74"background<="1.gif"& gt;2列目</TD>
  <TDbgcolor="#ffcccc"& gt;2列目2</TD>
 </TR>
</TABLE>

<TD align="位置">〜& lt;/TD>

■セルの中での文字や画像などの位置を決めます、center(中央)、left(左)、right(右)

【実行結果】

中央
右端
>
<TDcolspan="横に繋げるセルの 数">〜</TD>

■セルを繋げる事が出来ます、実行例ではbordercolorで 色付けして います。

【実行例】

表です!
1行目 <2行目
2列目 2列目2

【実行例ソース】

<TABLEborder="1"bordercolor="#ff0000">
  <TR>
  <TDcolspan="2"& gt;表です!</TD>
 </TR>
 <TR>
  <TD>1行目</TD>
  <TD>2行目</TD>
 </TR>
 <TR>
  <TD>2列目</TD>
  <TD>2列目2</TD>
 </TR>
</TABLE>

<TD rowspan=" 縦に繋げるセルの数">〜</TD>

■セルを繋げる事が出来ます、実行例ではbordercolorで 色付けして います。

【実行例】

表です! 1行目 2行目
2列目 2列目2

【実行例ソース】

<TABLE border="1">
 <TR>
  <TDrowspan="2"& gt;表です!</TD>
  <TD>1行目</TD>
  <TD>2行目</TD>
 </TR>
 <TR>
  <TD>2列目</TD>
  <TD>2列目2</TD>
 </TR>
</TABLE>

<TD nowrap>〜</TD>

■セル内での自動改行を禁止します、これが記述されていれば自分で改行しない限り改行はされません。