表の３回目！
なんか勉強のページ全般的に読みづらくない？とか思ってるそこのきみ！
すいません・・メモ的に書いてるだけなので、構成とか無視して書いてます・・。
本人が、初めて本を読んでそれを理解して試しに書いてるだけなんでorz
そんな訳で、表の３回目です！まずは・・。
セルを縦に結合する
まずは、例にこれを・・。
<![CDATA[
<table border>
<tr><th>1</th><th>2</th></tr>
<tr><td>足し算</td><td>例)１＋１＝２</td></tr>
<tr><td>引き算</td><td>例)２−１＝１</td></tr>
<tr><td> </td><td>例)１−１＝０</td></tr></table>
を表にすると・・。
]]>
| 1 | 2 |
|---|
| 足し算 | 例)１＋１＝２ |
| 引き算 | 例)２−１＝１ |
| | 例)１−１＝０ |
引き算の例を２つにしたことで、３行目の一番左が空欄となった。
<![CDATA[ここを結合させるために、<td rowspan="セル数">を使用すると・・。]]>
<![CDATA[
<table border>
<tr><th>1</th><th>2</th></tr>
<tr><td>足し算</td><td>例)１＋１＝２</td></tr>
<tr><td rowspan="2">引き算</td><td>例)２−１＝１</td></tr>
<tr><td>例)１−１＝０</td></tr></table>
こうして、３行目の<td> </td>をすべて消す。
]]>
| 1 | 2 |
|---|
| 足し算 | 例)１＋１＝２ |
| 引き算 | 例)２−１＝１ |
| 例)１−１＝０ |
これで、縦の結合は完成。
次に、セルを横に結合してみる。
先ほどのものを少し変えて。
<![CDATA[
<table border>
<tr><th>1</th><th>2</th><th>3</th></tr>
<tr><td>足し算</td><td>例)１＋１＝２</td><td>例)２＋２＝４</tr>
<tr><td rowspan="2">引き算</td><td>例)２−１＝１</td><td>例)３−１＝２</td></tr>
<tr><td>例)１−１＝０</td><td></td></tr></table>
これを表にすると。
]]>
| 1 | 2 | 3 |
|---|
| 足し算 | 例)１＋１＝２ | 例)２＋２＝４ |
| 引き算 | 例)２−１＝１ | 例)３−１＝２ |
| 例)１−１＝０ | |
ここで、2と3を結合する。
<![CDATA[横結合は、<td colspan="セル数">を使う。ここでは見出し行だから、<th colspan="セル数">となる<xmp>
<xmp>
<table border>
<tr><th>1</th><th colspan="2">2</th></tr> ←<th>3</th>を消した。
<tr><td>足し算</td><td>例)１＋１＝２</td><td>例)２＋２＝４</tr>
<tr><td rowspan="2">引き算</td><td>例)２−１＝１</td><td>例)３−１＝２</td></tr>
<tr><td>例)１−１＝０</td><td></td></tr></table>
これを表にすると。
]]>
| 1 | 2 |
|---|
| 足し算 | 例)１＋１＝２ | 例)２＋２＝４ |
| 引き算 | 例)２−１＝１ | 例)３−１＝２ |
| 例)１−１＝０ | |
おっけー！次で最後です！