前へ 目次 次へ
テーブルのセルを連結
 

ここでは、いくつかのセルを連結する方法について学びましょう。

 
横方向のセルの連結 colspan
 

横方向のセルを連結するためには、 th あるいは td 要素の colspan 属性を用います。 連結するセルの数を指定してください。

ソース表示
<table border="2">
<tr>
<th colspan="2">RCサーボモータのトルク比較</th>
</tr>
<tr>
<th>RCサーボモータ</th><th>トルク</th>
</tr>
<tr>
<td>近藤科学 PDS-2144FET</td>
<td>13Kg-cm</td>
</tr>
<tr>
<td>Hitec HS-5645MG</td>
<td>12.1Kg-cm(6.0V時)</td>
</tr>
</table>

RCサーボモータのトルク比較
RCサーボモータトルク
近藤科学 PDS-2144FET13Kg-cm
Hitec HS-5645MG12.1Kg-cm(6.0V時)
 
縦方向のセルの連結 rowspan
 

縦方向のセルを連結するためには、 th あるいは td 要素の rowspan 属性を用います。 連結するセルの数を指定してください。

ソース表示
<table border="2">
<tr>
<th>RCサーボモータ</th><th>トルク</th>
</tr>
<tr>
<td>近藤科学 PDS-2144FET</td>
<td>13Kg-cm</td>
</tr>
<tr>
<td rowspan="2">Hitec HS-5645MG</td>
<td>12.1Kg-cm(6.0V時)</td>
</tr>
<tr>
<td>10.3Kg-cm(4.8V時)</td>
</tr>
</table>

RCサーボモータトルク
近藤科学 PDS-2144FET13Kg-cm
Hitec HS-5645MG12.1Kg-cm(6.0V時)
10.3Kg-cm(4.8V時)
 
2003/07/09(Wed)
トップページへ
SEO [PR] 爆速!無料ブログ 無料ホームページ開設 無料ライブ放送