サンプル・６

テーブル見本

★　サンプル・６　★

１．幅が300ピクセルのテーブル

（ソース）

<TABLE border="2" width="300">
　<TR><TD>１行１列め</TD><TD>１行２列め</TD><TD>１行３列め</TD></TR>
　<TR><TD>２行１列め</TD><TD>２行２列め</TD><TD>２行３列め</TD></TR>
</TABLE>

（表示例）

１行１列め １行２列め １行３列め
２行１列め
 ２行２列め ２行３列め

２．幅が500ピクセルのテーブル

上のソースで、width属性の値を「300」から「500」にかえると

１行１列め １行２列め １行３列め
２行１列め
 ２行２列め ２行３列め

３．幅が60％のテーブル

（ソース）

<TABLE border="2" width="60%">
　<TR><TD>１行１列め</TD><TD>１行２列め</TD><TD>１行３列め</TD></TR>
　<TR><TD>２行１列め</TD><TD>２行２列め</TD><TD>２行３列め</TD></TR>
</TABLE>

（表示例）

１行１列め １行２列め １行３列め
２行１列め
 ２行２列め ２行３列め
※　ウィンドウの幅を変えてみて。
例１、２は変化しないけど、例３はウィンドウに合わせて伸び縮みするよ。

© Rakuten Group, Inc.
X
Mobilize your Site
スマートフォン版を閲覧 | PC版を閲覧
    Share by: