表(table)
戻る

表を作る時はテーブルタグを使います。例えば以下のような表を作る場合、
左右300ピクセルで、上に表題、項目は左右3つで天地3段で等幅
<table cellpadding="2" cellspacing="2" border="1" width="300">
  <tbody>
   <tr>
    <td valign="top" colspan="3"><br>
    </td>
  </tr>
  <tr>
   <td valign="top" width="100"><br>
   </td>
   <td valign="top" width="100"><br>
   </td>
   <td valign="top" width="100"><br>
   </td>
  </tr>
  <tr>
   <td valign="top"><br>
   </td>
   <td valign="top"><br>
   </td>
   <td valign="top"><br>
   </td>
  </tr>
 </tbody>
</table>
とします。これの表示は以下のようになります。
colspan="3"で横のセルを繋げています






<td></td>は左右の数です。<tr></tr>は天地の数です。
border="1"を0にすると境界の表示はなくなります。
また、全体に色を付けたい場合は <tableの中にbgcolor=""を入れ、色を指定します。
それぞれのセルに色を付けたい場合は<tdの中にbgcolor=""を入れ、色を指定します。

また、天地のセルをつなげたい時には以下のようにします。
<table cellpadding="2" cellspacing="2" border="1" width="300">
  <tbody>
   <tr>
    <td valign="top" width="100" rowspan="3"><br>
    </td>
   <td valign="top" width="100"><br>
   </td>
   <td valign="top" width="100"><br>
   </td>
  </tr>
  <tr>
   <td valign="top"><br>
   </td>
   <td valign="top"><br>
   </td>
  </tr>
  <tr>
   <td valign="top"><br>
   </td>
   <td valign="top"><br>
   </td>
  </tr>
 </tbody>
</table>
とします。これの表示は以下のようになります。
rowspan="3"で天地のセルを繋げています






ちなみにこうすると
<table cellpadding="0" cellspacing="1" border="0" width="300" bgcolor="#000000">
  <tbody>
   <tr>
   <td valign="top" width="100" bgcolor="#ffffff"><br>
   </td>
    <td valign="top" width="100" rowspan="3"><br>
    </td>
   <td valign="top" width="100" bgcolor="#ffffff"><br>
   </td>
  </tr>
  <tr>
   <td valign="top" bgcolor="#ffffff"><br>
   </td>
   <td valign="top" bgcolor="#ffffff"><br>
   </td>
  </tr>
  <tr>
   <td valign="top" bgcolor="#ffffff"><br>
   </td>
   <td valign="top" bgcolor="#ffffff"><br>
   </td>
  </tr>
 </tbody>
</table>
とします。これの表示は以下のようになります。

rowspan="3"で中央の天地のセルを繋げています