前へ 目次 次へ
テーブル
　

ここでは、テーブルを表示するための基本的なタグを見ることにしましょう。

　
テーブルのための要素 table,tr,th,td
　

テーブルは、全体を<table>と</table>でくくります。

テーブルの1行分は、<tr>と</tr>で指定します。

セルに対しては、見出しならば<th>と</th>で、 データであれば<td>と</td>でくくります。

デフォルトでは、ほとんどのブラウザでテーブルに枠がつかないことに注意してください。

ソース表示
<table>
<tr>
<th>RCサーボモータ</th><th>トルク</th>
</tr>
<tr>
<td>近藤科学　PDS-2144FET</td><td>１３Kg-cm</td>
</tr>
<tr>
<td>Hitec　HS-5645MG</td><td>１２．１Kg-cm（６．０Ｖ時）</td>
</tr>
</table>
RCサーボモータトルク
近藤科学　PDS-2144FET１３Kg-cm
Hitec　HS-5645MG１２．１Kg-cm（６．０Ｖ時）
　
テーブル枠の指定 border
　

テーブルに枠を表示したい場合には、 table 要素の border 属性を用います。 太さを指定することができ、ピクセル単位で指定します。

ソース表示
<table border="2">
<tr>
<th>RCサーボモータ</th><th>トルク</th>
</tr>
<tr>
<td>近藤科学　PDS-2144FET</td><td>１３Kg-cm</td>
</tr>
<tr>
<td>Hitec　HS-5645MG</td><td>１２．１Kg-cm（６．０Ｖ時）</td>
</tr>
</table>
RCサーボモータトルク
近藤科学　PDS-2144FET１３Kg-cm
Hitec　HS-5645MG１２．１Kg-cm（６．０Ｖ時）
　
テーブルキャプション（タイトル） caption
　

テーブルにキャプション（タイトル）をつける場合には、 caption 要素を利用します。 table タグの直後に指定してください。 テーブルの下に表示したい場合には、 align 属性に bottom を指定します。

ソース表示
<table border="2">
<caption>RCサーボモータのトルク</caption>
<tr>
<th>RCサーボモータ</th><th>トルク</th>
</tr>
<tr>
<td>近藤科学　PDS-2144FET</td><td>１３Kg-cm</td>
</tr>
<tr>
<td>Hitec　HS-5645MG</td><td>１２．１Kg-cm（６．０Ｖ時）</td>
</tr>
</table>
RCサーボモータのトルク
RCサーボモータトルク
近藤科学　PDS-2144FET１３Kg-cm
Hitec　HS-5645MG１２．１Kg-cm（６．０Ｖ時）
　
2003/07/09(Wed)
トップページへ
SEO [PR] 爆速!無料ブログ 無料ホームページ開設 無料ライブ放送