超初心者のためのホームページ作成講座
HTML CSS Dictionary Netscape Color AccessUp Links SiteMap
 Home > Netscape6でホームページをつくろう! > テーブル(1) > Next 

■ テーブル(1)

テーブルについてもう少し説明します。
テーブルアイコン をクリックして[表を挿入]ダイアログボックスを開きます。

ここでは、3行×3列を指定します。
幅は500ピクセル、高さは指定しません(空白にします)。

表を挿入ダイアログボックス

[OK]をクリックすると、このような表ができますね。










次に、表の中にテキストを入力していきます。
入力したいセルにカーソルを移動して、入力していきます。
最初のセルにカーソルを移動したら、[Tab]キーで次のセルに移動することができます。
下の表の場合、[Tab]キーを押す毎に、1→9 の順で移動します。

1.left-top
2.center-top
3.right-top
4.left-middle
5.center-middle
6.right-middle
7.left-bottom
8.center-bottom
9.right-bottom

この表にいくつかのプロパティ(属性)を設定していきます。
表の中(適当な場所)にカーソルを置いて、[表]メニューから[表のプロパティ]を選択します。

表のプロパティを選択

[表のプロパティ]ダイアログボックスが開きます。
メニューから選択せずに、表の中にカーソルを置いて、表アイコン をクリックするか、表の中をダブルクリックしても、[表のプロパティ]ダイアログボックスを開くことができます。

表のプロパティダイアログボックス

1.サイズ
最初に表を作成したときに[表を挿入]ダイアログボックスで指定した値を、ここで変更することができます。


2.枠と間隔
[枠]の値を指定することで、枠線の幅を変えることができます。

(枠:5 ピクセルの場合)

1.left-top
2.center-top
3.right-top
4.left-middle
5.center-middle
6.right-middle
7.left-bottom
8.center-bottom
9.right-bottom

(枠:10 ピクセルの場合)

1.left-top
2.center-top
3.right-top
4.left-middle
5.center-middle
6.right-middle
7.left-bottom
8.center-bottom
9.right-bottom

[間隔]の値を指定することで、セルとセルの間隔を変えることができます。

(間隔:0 ピクセルの場合)

1.left-top
2.center-top
3.right-top
4.left-middle
5.center-middle
6.right-middle
7.left-bottom
8.center-bottom
9.right-bottom

(間隔:10 ピクセルの場合)

1.left-top
2.center-top
3.right-top
4.left-middle
5.center-middle
6.right-middle
7.left-bottom
8.center-bottom
9.right-bottom

[余白]の値を指定することで、セルの枠とセルの内容(テキスト)との間隔を変えることができます。

(余白:5 ピクセルの場合)

1.left-top
2.center-top
3.right-top
4.left-middle
5.center-middle
6.right-middle
7.left-bottom
8.center-bottom
9.right-bottom

(余白:10 ピクセルの場合)

1.left-top
2.center-top
3.right-top
4.left-middle
5.center-middle
6.right-middle
7.left-bottom
8.center-bottom
9.right-bottom

3.表の配置
ページ内の表の位置を指定します。
プルダウンメニューから[左]、[中央]、[右]のいずれかを選択します。

(左)デフォルト値です。

1.left-top
2.center-top
3.right-top
4.left-middle
5.center-middle
6.right-middle
7.left-bottom
8.center-bottom
9.right-bottom

(中央)

1.left-top
2.center-top
3.right-top
4.left-middle
5.center-middle
6.right-middle
7.left-bottom
8.center-bottom
9.right-bottom

(右)

1.left-top
2.center-top
3.right-top
4.left-middle
5.center-middle
6.right-middle
7.left-bottom
8.center-bottom
9.right-bottom







4.題
表にタイトルをつけるためのスペースを挿入します。
プルダウンメニューから、[なし]、[表の上]、[表の下]のいずれかを選択します。
ただし、この機能は、スペースの設定だけで、タイトルを入力することはできません。タイトルを入れるためには、HTML の知識が必要です。

(表の上)

タイトル
1.left-top
2.center-top
3.right-top
4.left-middle
5.center-middle
6.right-middle
7.left-bottom
8.center-bottom
9.right-bottom

(表の下)

タイトル
1.left-top
2.center-top
3.right-top
4.left-middle
5.center-middle
6.right-middle
7.left-bottom
8.center-bottom
9.right-bottom

5.背景色
表の背景色を指定します。
クリックすると[表の背景色]ダイアログボックスが開きますので、カラーパレットから適当な色を選択して下さい。
何も指定しないと、ページの背景色と同じ(透過)になります。

1.left-top
2.center-top
3.right-top
4.left-middle
5.center-middle
6.right-middle
7.left-bottom
8.center-bottom
9.right-bottom

 Home < Netscape6でホームページをつくろう! < Back < テーブル(1) > Next