サンプル・16

テーブル見本

★ サンプル・16 ★

1.行を連結したテーブル

各行の1列目を結合して、1つのセルに

(ソース)
<TABLE border="2">
<TR><TD rowspan="3">結合セル</TD>
<TD>1行2列め</TD><TD>1行3列め</TD></TR>
<TR><TD>2行2列め</TD><TD>2行3列め</TD></TR>
<TR><TD>3行2列め</TD><TD>3行3列め</TD></TR>
</TABLE>


(表示例)
結合セル
1行2列め
1行3列め
2行2列め
2行3列め
3行2列め
3行3列め



2.列を連結したテーブル

各列の1行目を結合して、1つのセルに

(ソース)
<TABLE border="2">
<TR><TD colspan="3">結合セル</TD></TR>
<TR><TD>2行1列め</TD><TD>2行2列め</TD><TD>2行3列め</TD></TR>
<TR><TD>3行1列め</TD><TD>3行2列め</TD><TD>3行3列め</TD></TR>
</TABLE>


(表示例)
結合セル
2行1列め
2行2列め
2行3列め
3行1列め
3行2列め
3行3列め



3.複数行と複数列を連結したテーブル

1行1列めと2列め、2行1列めと2列めを結合して1つのセルに

(ソース)
<TABLE border="2">
<TR><TD colspan="2" rowspan="2">結合セル</TD>
<TD>1行3列め</TD></TR>
<TR><TD>2行3列め</TD></TR>
<TR><TD>3行1列め</TD><TD>3行2列め</TD><TD>3行3列め</TD></TR>
</TABLE>


(表示例)
結合セル
1行3列め
2行3列め
3行1列め
3行2列め
3行3列め


© Rakuten Group, Inc.
X
Mobilize your Site
スマートフォン版を閲覧 | PC版を閲覧
Share by: