テーブルタグ ホームページ作成支援サイト ウェブライズで素材をゲット
ウェブ ライズ
ウェブ デザイン
サイトマップ
HOME >> HTML >> テーブルタグ3
コンテンツ

テーブルタグ3


テーブルの横幅

テーブルの横幅を指定するのが、width属性です。サイズは、ピクセルかパーセントで指定します。
<table border="1" width="300">
<tr>
<td>1番目</td>
<td>2番目</td>
<td>3番目</td>
</tr>
</table>

1番目 2番目 3番目

それぞれの列幅

列それぞれにサイズを指定したいときは、<td>タグにwidth属性を指定します。この場合、気をつけたいのは、一番上のセルにだけwidthを入れるということです。つまり、最初の<tr>〜</tr>の中の<td>だけ。
サイズは一番上のセルを基準にするのが普通ですし、下のセルにサイズが指定してあると修正時などで不都合が生じる事があります。
<table border="1" width="300">
<tr>
<td width="50">1番目</td>
<td width="100">2番目</td>
<td width="150">3番目</td>
</tr>
<tr>
<td>4番目</td>
<td>5番目</td>
<td>6番目</td>
</tr>
</table>

1番目 2番目 3番目
4番目 5番目 6番目
▲トップへ戻る