表の横幅・縦幅を指定する
表の横幅・縦幅を指定してみましょう。
<HTML>
<HEAD>
<TITLE>テーブルその６</TITLE>
</HEAD>
<BODY bgcolor="#ffffff">
<TABLE border="1" width="500" height="300">
<TR>
<TH>見出し１列目</TH>
<TH>見出し２列目</TH>
</TR>
<TR>
<TD width="80%"
>１列目の１行目です。</TD>
<TD>２列目の１行目です。</TD>
</TR>
<TR>
<TD height="150">１
列目の２行目どえす。</TD>
<TD>２列目の２行目どえす。</TD>
</TR>
<TR>
<TD>１列目の３行目どえす。</TD>
<TD>２列目の３行目どえす。</TD>
</TR>
</TABLE>
</BODY>
</HTML>
<TABLE border="1"width="500"
height="300">・・・でテーブル全体の横幅を 500
ピクセル、縦幅を 300ピ クセルに指定しています。
<TD width="80%">１列目の１ 行目
で す。・・・で[１列目の１行目]のセルの横幅を 80%に指定
しています、こ の 80%
はテーブルの横幅で指定した500ピクセルの中の80%、この 80%
で下の列のセルの横幅にも適用されるようになります。
<TD height="150">１
列目の２行目どえす。</TD>・・・でセルの縦幅を変更しています。
左図ソース次行の縦幅もここで指定した縦幅が適用されます。
実行結果はこ こク
リックしてください。・・・・・実 行後はブラウザの閉じるを押してここに戻ってね！