セルを融合させよう！ |
|
|
これを覚えると便利！ 自由自在に自分好みの表の形が作れます。 縦方向にマス目を広げたい場合→ <TD ROWSPAN="数字"> 横方向にマス目を広げたい場合→ <TD COLSPAN="数字"> この"数字"の部分には、何マス目まで広げるか？という数字です。 では実際に書いてみましょう。 |
|
| |||||||
|
<TABLE BORDER> <TR> <TD ROWSPAN="3">１</TD> <TD>２</TD> <TD ROWSPAN="3">３</TD> </TR> <TR> <TD>４</TD> </TR> <TR> <TD>５</TD> </TR> </TABLE> |
こうなります。 |
何故 <TD ROWSPAN="3"> というように、数字が"３"となるのか？ を説明すると、 ２．４．５ の３マス分を縦に広げてるので <TD ROWSPAN="3"> というカンジに数字の部分が"３"になります。 | |||||
|
| ||||||||||||||
|
<TABLE BORDER> <TR> <TD COLSPAN="4">１</TD> </TR> <TR> <TD>２</TD> <TD>３</TD> <TD>４</TD> <TD>５</TD> </TR> <TR> <TD COLSPAN="4">６</TD> </TR> </TABLE> |
こうなります。 |
何故 <TD COLSPAN="4"> というように、数字の部分が"４" になるのかは分かりますよね？ ２．３．４．５ の４マス分横に広げてるから"４"になります。 | ||||||||||||
|
| ||||||||||||||||
|
<TABLE BORDER>
<TR> <TD ROWSPAN="2">1</TD> <TD COLSPAN="2">2</TD>
</TR>
<TR>
<TD>3</TD> <TD ROWSPAN="2">4</TD>
</TR><TR>
<TD COLSPAN="2">5</TD> </TR></TABLE>
|
こうなります。 |
| ||||||||||||||
