■ テーブル(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
|
|