◆テーブル（表）-2
	それでは、表のセルの増やし方について、説明しましょう。

◇テーブルの行を増やす。

行を表すのは、TRでしたね。その中にセルをひとつずつとすると。。

●<TABLE border="1" cellpadding="5">
　<TR>　<TD>1</TD>　</TR>
　<TR>　<TD>2</TD>　</TR>
　<TR>　<TD>3</TD>　</TR>
　</TABLE>

◇テーブルのセル（列）を増やす。

セルを表すのは、TDでした。それを、１行の中に、増やしていけば、いいだけです。

●<TABLE border="1" cellpadding="5">
　<TR>　<TD>1</TD> <TD>2</TD> <TD>2</TD> </TR>
　</TABLE>

このふたつを、応用すれば、いくらでもセルは増やせます。

● <TABLE border="1" cellpadding="5">
　　<TR><TD>1</TD><TD>2</TD><TD>3</TD></TR>
　　<TR><TD>4</TD><TD>5</TD><TD>6</TD></TR>
　　<TR><TD>7</TD><TD>8</TD><TD>9</TD></TR>
　　</TABLE>

1	2	3
4	5	6
7	8	9

◇セルの結合

今度は、セルの結合の仕方を説明します。

◇<TD colspan="☆">...</TD>

横にセルを結合していく場合、TDに、colspan="☆"を記述します。

セルの結合　 colspan="☆"　　（☆は、結合するセルの数を記述します。）

● <TABLE border="1" cellpadding="5">
　　<TR> <TD colspan="3">1</TD> </TR>
　　<TR> <TD colspan="2">2</TD> <TD>3</TD> </TR>
　　<TR><TD>4</TD> <TD>5</TD> <TD>6</TD> </TR>
　　</TABLE>

1
2		3
4	5	6

◇<TD rowspan="☆">...</TD>

たてに、セルを結合していく場合、TDに、 rowspan="☆"を記述します。

セルの結合　 rowspan="☆"　　（☆は、結合するセルの数を記述します。）
この場合、結合する一番上の行（TR）の中のTDに記述します。

● <TABLE border="1" cellpadding="5">
<TR>
<TD rowspan="3">1</TD>
<TD rowspan="2">2</TD>
<TD>4</TD>
</TR>
<TR><TD>5</TD></TR>
<TR><TD>3</TD><TD>6</TD></TR>
</TABLE>

1	2	4
		5
	3	6


	←TOP	NEXT→

ｂｙ　Anne