美容・健康・ファッション・インテリア・DVD・お花・ギフト 安全安心のお買い物

町工場ネット トップ  ◇サイトマップ ◇新規登録 ◇プライバシーポリシー ◇相互リンクの方法 ◇問い合わせ

町工場 | 総合 | 美容 | ファッション | インテリア | 家電 | 資格| 食料 | 個人開業 | 書籍 | ギフト | ホビー | CD・DVD

←前に戻る トップページ 内容一覧 次へ進む→
■簡単な装飾 表を使う 2

今までは表はひとつでした。では表を2つに区切るにはどうするのでしょう。表を区切った1つの部分はセルといわれます。前ページの例ではセルは1つでした。セルの数を増やしましょう。

<TITLE>サンプル11</TITLE>
</HEAD>
<BODY>
<TABLE border="1" width="100%">
<TBODY>
<TR>
<TD width="50%" height="100" >左のセル</TD>
<TD width="50%" height="100">右のセル</TD>
</TR>
</TBODY>
</TABLE>

このように表記するとセルが2つになります。
最初に表の大きさを100%に指定してます。表示画面にかかわらず表全体が画面の大きさにあわせられます。
セルはそれぞれ50%に指定してますので表全体に対して左右半分づつの大きさになります。%をいろいろ変えて表示の変化を確認してください。

□ サンプル11を表示する(新しいタブで表示する)

←前に戻る トップページ 内容一覧 次へ進む→