テーブルの横幅変更は、widthタグを使います。

tableタグの横にwidth="●●●px"と記入しサイズを設定。

●の中には数字を書き込みます。

わたしは、いつもpx（ピクセル）単位をつかってサイズを指定していますが、%（パーセント）でのサイズ指定可能。

サンプルタグ1

テーブルの横幅

<table width="300px" border="1"> <tr> <td>テーブルの横幅</td> </tr> </table>


サンプルタグ2

テーブルの横幅

<table width="70%" border="1"> <tr> <td>テーブルの横幅</td> </tr> </table>



テーブルの縦幅変更は、heightタグを使います。

tableタグの横にheight="●●●px"と記入しサイズを設定。

●の中には数字を書き込みます。

サンプルタグ1

テーブルの縦幅

<table height="200px" border="1"> <tr> <td>テーブルの縦幅</td> </tr> </table>



テーブルは、横幅、縦幅を同時に指定することも可能。

tableタグの横にwidth="●●●px" height="●●●px"と記入しサイズを設定。

●の中には数字を書き込みます。

縦横の幅を指定し、自由にボックスの大きさをカスタマイズするんです。

テーブルタグを学んで、自由にカッコイイ表を作れるようになりましょう。

サンプルタグ1

テーブルの縦幅と横幅

<table width="200px" height="200px" border="1"> <tr> <td>テーブルの縦幅と横幅</td> </tr> </table>

• まずはじめに
• テーブル基礎
• テーブルのカラー
• テーブルに画像貼り付け
• テーブルのサイズ
• テーブルの文字配置

• テーブルタグ講座
• ホームページ素材箱トップへもどる