セルの結合

横のセルを結合する

表で幅の異なるセルがほしいときがあります。たとえば次のような場合。

これを実現するためには、視力と聴力のセルを作るth（またはtd）タグに <th colspan="2"> と記入します。そして１行目のセルは２つだけにします。colspan の後ろの数字は結合させるセルの個数です。

具体的には次のように書きます。

縦のセルを結合する

縦の場合はもう少し複雑になります。上の例を縦横取り替えたものを考えます。

これを実現するためには、視力と聴力のセルを作るth（またはtd）タグに <th rowspan="2"> と記入します。そして２行目と４行目のセルは２つだけ（左とＡ）にします。rowspan の後ろの数字は結合させるセルの個数です。

具体的には次のように書きます。

課題 colspan.html

１つめの表をcolspanを含めて作ってください。

２つめの表をrowspanを含めて作ってください。

内容は適宜変えること

表同士がくっついてしまうのは table タグに、スタイルシートでマージンの指定をします。

たとえば

　table {margin : 2% 5% 2% 5%;}

class="hyou" などとclassを使ったら

  table.hyou {margin : 2% 4% 2% 4%;}