Section 6 : 表組(6) ― 統計表の作成

 ここでは,今までの表組のまとめとして,実世界の表としてよく目にする統計表を作ってみよう。

統計表の作成

 ここで作るのは,中国・四国地方の県勢データの統計である。

中国・四国地方の県勢データ(Imidas 98 より)
地方県名県庁所在地 面積
[km²]
人口
[万人]
人口密度
[人/km²]
人口増加率
[%]
中国 鳥取鳥取 3,507 62175-0.1
岡山岡山 7,008 1952741.3
島根松江 6,707 77115-1.2
広島広島 8,475 2873401.1
山口山口 6,110 155255-1.1
四国 香川高松 1,861 1035480.4
徳島徳島 4,144 842010.1
愛媛松山 5,676 152265-0.5
高知高知 7,104 82115-1.0

 まず,表の定義である。罫線は列・行グループのみに引くことにして,

<TABLE BORDER RULES="groups" CELLSPACING="1" CELLPADDING="3" SUMMARY="中国・四国地方の基本県勢データ。">
  <CAPTION>中国・四国地方の県勢データ(<CITE>Imidas 98</CITE> より)</CAPTION>

 次に,列グループと列ごとの書式を定義する。数値が入るセルは右寄せや小数点揃えを指定しておく。

<COLGROUP></COLGROUP>
<COLGROUP SPAN="2" ALIGN="center"></COLGROUP>
<COLGROUP ALIGN="right"></COLGROUP>
<COLGROUP ALIGN="right"><COL SPAN="2"><COL ALIGN="char" CHAR="."></COLGROUP>

 続いて,ヘッダグループである。

<THEAD>
  <TR>
    <TH>地方</TH><TH>県名</TH><TH>県庁所在地</TH>
    <TH ALIGN="center">面積<BR>[km&sup2;]</TH>
    <TH ALIGN="center">人口<BR>[万人]</TH><TH ALIGN="center">人口密度<BR>[人/km&sup2;]</TH><TH ALIGN="center">人口増加率<BR>[%]</TH>
  </TR>

地方ごとに別の行グループに入れるとして,次に書くのは中国地方のグループである。“中国”の見出しセルは縦に 5 つのセルをつないでいる。2 行め以降は 2 列めから書いていくことに注意しよう。

<TBODY>
  <TR>
    <TH ROWSPAN="5">中国</TH>
    <TD>鳥取</TD><TD>鳥取</TD>
    <TD>3,507</TD>
    <TD>62</TD><TD>175</TD><TD>-0.1</TD>
  </TR>
  <TR>
    <TD>岡山</TD><TD>岡山</TD>
    ......
  </TR>
  <TR>
    <TD>島根</TD><TD>松江</TD>
    ......
  </TR>
  <TR>
    <TD>広島</TD><TD>広島</TD>
    ......
  </TR>
  <TR>
    <TD>山口</TD><TD>山口</TD>
    ......
  </TR>

2 つめの行グループは四国地方である。“四国”の見出しセルは,四国には 4 県があるから 4 つ縦につなぐ。あとは同様にしてデータを入力していく。

<TBODY>
  <TR>
    <TH ROWSPAN="4">四国</TH>
    <TD>香川</TD><TD>高松</TD>
    ......
  </TR>
  <TR>
    ......
  </TR>
  <TR>
    ......
  </TR>
  <TR>
    ......
  </TR>
</TABLE>

 このようにしてできたのが冒頭の表である。HTML は,実世界の表を的確に表現できる。