テーブルの列をグループ化しよう（ホームページは難しくない）

<colgroup ○>　～　</colgroup>

縦の列をグループ分けしてみましょう。
設定の考え方として　何列目に対して　セルの幅はどのくらいで、
データをどの位置に表示する。　という感じで指定していきます。

指定する属性と値は次のとおりです。

span グループ分けしたい列数

width グループ分けした列の幅（ピクセル、％）

align グループ分けしたセル内の位置
（left、center、right）

valign グループ分けしたセル内の位置
（top、middle、bottom）

例えば　こんな感じです。

１列目２列目３列目

１列目２列目３列目

１列目２列目３列目

１列目は　width="100"　で指定しています。
２列目は　width="200"　で　右揃えにしています。
３列目は　width="200"　で　右揃えにしています。

HTMLソースは　こんな感じです。

<table border="1">
<colgroup width="100"></colgroup>
<colgroup span="2" width="200" align="right"></colgroup>
<tr>
<td>１列目</td>
<td>２列目</td>
<td>３列目</td>
</tr>
<tr>
<td>１列目</td>
<td>２列目</td>
<td>３列目</td>
</tr>
<tr>
<td>１列目</td>
<td>２列目</td>
<td>３列目</td>
</tr>
</table>

ホームページは難しくない　　ちょこっとHTML　　Lesson7

１列目	２列目	３列目
１列目	２列目	３列目
１列目	２列目	３列目