テーブルの仕組み テーブルタグを使って画面を分割かする事で色々な事が出来ます。 例えば画面の中央で区切る事で左と右と独自に使える様になります。 実際にはテーブルの中にセルと呼ばれるものを2枚横に並べれば左右に二分割 という感じになります。 文章では説明しづらいので実際にやってみましょうね。 |
| テーブルの仕組み | |
![]() |
白紙のページを用意して□の表の挿入を押します。 |
![]() |
画面上部の表(A)からでも挿入出来ます。 操作しやすい方で覚えてください。 |
![]() |
この画面が表示されたはずです。 後でいくらでも修正できますから 今はそのままOKにしてください。 この感じだと画面を上下左右で2分割します。 セル合計は4枚ですね。 |
![]() |
画面左に4マスのセルが表示されました。 画面右側の□で囲った部分でテーブルの設定をします。 |
![]() |
上段に、表、表の行、表のセルと言う項目があります。 表というのはテーブルタグの事を指します。 ここで全体的なテーブルサイズを決定します。 位置揃えで表の位置を選択します。 表の幅で横幅を決定します。 表の高さで縦幅を決定します。 その他の部分は説明しづらいので 適当に数字を入れてみてください。 直に変化が見て取れるはずです。 色はもちろん表の色の事です。 画像は表の背景に使う画像を指定することができます。 |
![]() |
少し見づらいですが表を横800縦800にしました。 必然的に400×400のセルが4枚出来ています。 見やすいように表を赤で表示しています。 次にセルを少し触ってみましょう。 |
![]() |
少し見づらいですが左上のセルを選択しています。 |
![]() |
レイアウトの部分をみてください。 表と同じような表示があります。 水平位置揃え セルの中に書かれた文字などの水平位置決定 垂直位置揃え セルの中に書かれた文字などの垂直位置決定 セルの幅 セルの横幅を指定します。 セルの高さ セルの高さを指定します。 色 セルの色を指定します。 画像 セル内の画像を指定します。 表の中にセルが存在しますので表よりも大きい数字は無理です。 少し試してみましょう。 |
![]() |
表の色を赤にして 各セルの色を左のようにしてみました。 もう少し遊んでみましょう |
![]() |
セル単位で文字の位置を指定出来るので 比較的自由なレイアウトが出来ますよね? |
![]() |
セルのサイズ指定でこんな事も出来ちゃいます。 次は具体的に、このサイトのトップページを見てみましょう。 |
| HOME BACK NEXT | |
| パソコン初心者講座ぱそおーる | |