テーブル(基本)

1行1列のテーブル
1
<TABLE border="1">
<TBODY>
<TR>
<TD>
1</TD>
</TR>
</TBODY>
</TABLE>
border="1"の数字を0に変えると枠線が消えるよ。



1行2列のテーブル
1 2
<TABLE border="1">
<TBODY>
<TR>
<TD>
1</TD>
<TD>
2</TD>
</TR>
</TBODY>
</TABLE>



2行1列のテーブル
1
2
<TABLE border="1">
<TBODY>
<TR>
<TD>
1</TD>
<TD>
2</TD>
</TR>
</TBODY>
</TABLE>



2行2列のテーブル
1 2
3 4
<TABLE border="1">
<TBODY>
<TR>
<TD>
1</TD>
<TD>
2</TD>
</TR>
<TR>
<TD>
3</TD>
<TD>
4</TD>
</TR>
</TBODY>
</TABLE>



行の結合
1
2 3
<TABLE border="1">
<TBODY>
<TR>
<TD colspan="2">
1</TD>
</TR>
<TR>
<TD>
2</TD>
<TD>
3</TD>
</TR>
</TBODY>
</TABLE>



列の結合
1 2
3
<TABLE border="1">
<TBODY>
<TR>
<TD rowspan="2">
1</TD>
<TD>
2</TD>
</TR>
<TR>
<TD>
3</TD>
</TR>
</TBODY>
</TABLE>



行や列の結合
1 2
3 4
<TABLE border="1">
<TBODY>
<TR>
<TD colspan="2">
1</TD>
<TD rowspan="2">
2</TD>
</TR>
<TR>
<TD>
3</TD>
<TD>
4</TD>
</TR>
</TBODY>
</TABLE>



行や列の複雑な結合
1
2 3 4 5 6
7 8
<TABLE border="1">
<TBODY>
<TR>
<TD colspan="5">
1</TD>
</TR>
<TR>
<TD>
2</TD>
<TD>
3</TD>
<TD rowspan="2">
4</TD>
<TD>
5</TD>
<TD>
6</TD>
</TR>
<TR>
<TD colspan="2">
7</TD>
<TD colspan="2">
8</TD>
</TR>
</TBODY>
</TABLE>