logo
 
cpacer

4.9 表を作る

4.9.1 表組みを行うタグ - <table>

<table>タグと </table>タグ の間に,次に説明するタグを使うことで表組みを作成します. また,テーブル内のひとつひとつのます目のことを``セル''といいます.

4.9.1.1 表の作成

表を作成する手順を次に示します.

  1. <table>タグと</table>タグを書く.
  2. <caption>タグで必要に応じて表に見出しをつける.
  3. <tr>タグで行を区切る.
  4. <th>タグや<td>タグでセルの内容を記述する.
<table>
 <caption>表の練習</caption>
 <tr>
  <th>名前</th><th>特徴</th>
 </tr>
 <tr>
  <td>いぬ</td><td>よくなつく</td>
 </tr>
 <tr>
  <td>うし</td><td>おおきい</td>
 </tr>
</table>

4.9.1.2 <table>タグで指定する属性

 <table border="枠の太さ">
.........
 </table>

<table width="テーブルの横幅">
.......
</table>

4.9.1.3 <td>タグで指定する属性

<td rowspan="縦方向のセルの数" colspan="横方向のセルの数">
..........
</td>

[*]に<table>タグを用いた例を示します.

図: <table>タグのサンプル


<table border="10">
 <caption>表の練習</caption>
  <tr>
   <th>名前</th><th>特徴</th><th>足の数</th>
  </tr>
 <tr>
  <td>いぬ</td><td>よくなつく</td><td rowspan="2">4</td>
 </tr>
 <tr>
  <td>うし</td><td>大きい</td></tr>
 <tr>
  <td>つる</td><td>空を飛べる</td><td rowspan="2">3</td>
 </tr>
 <tr>
  <td>ぺんぎん</td><td>空は飛べない</td>
 </tr>
 <tr>
  <td>げじげじ</td><td colspan="2">なぞ</td>
 </tr>
</table>