ホーム > XHTML > テーブルサンプル

テーブルサンプル

2009 年 10 月 26 日 iri コメントをどうぞ コメント

テーブルを作るとき、td、trどっちだったけと思った時は以下のサンプルで確認してください。

<!– テーブルサンプル1ここから▼ –>

<table summary=”自動販売機の月別商品売り上げ表”>
<caption>自動販売機の月別商品売り上げ表</caption>
<colgroup id=”month”></colgroup>
<colgroup id=”tea”></colgroup>
<colgroup id=”cola”></colgroup>
<colgroup id=”coffee”></colgroup>
<thead>
<tr>
<th scope=”row”>商品名</th>
<th scope=”col”>お茶</th>
<th scope=”col”>コーラ</th>
<th scope=”col”>コーヒー</th>
</tr>
</thead>
<tbody>
<tr>
<th scope=”row”>9月</th>
<td>40,000円</td>
<td>10,400円</td>
<td>30,220円</td>
</tr>
</tbody>
<tbody>
<tr>
<th scope=”row”>10月</th>
<td>30,420円</td>
<td>9,350円</td>
<td>30,220円</td>
</tr>
</tbody>
<tbody>
<tr>
<th scope=”row”>11月</th>
<td>50,780円</td>
<td>33,440円</td>
<td>10,220円</td>
</tr>
</tbody>
</table>

<!– テーブルサンプル1ここまで▲ –>

出来上がり例

自動販売機の月別商品売り上げ表
商品名 お茶 コーラ コーヒー
9月 40,000円 10,400円 30,220円
10月 30,420円 9,350円 30,220円
11月 50,780円 33,440円 10,220円
カテゴリー: XHTML タグ:
  1. コメントはまだありません。
  1. トラックバックはまだありません。