ホームページ作成無料レクチャー

ホームページを作りたい人のためのホームページ
テーブルの サンプル Help
テーブルを使う
テーブルを実際使うコツとしては、デフォルト(最初の設定のまま)では使わないということ。順を追って変化を見てみましょう。

1 デフォルト

1 2
3 4
ホームページビルダーからテーブルを作ると、最初は左のようなテーブルができます(行・列数はその都度違います)。
ですが、このままでは枠が表示されていて、いかにもテーブルっぽさ全開です。サイズの指定もされていません。
(*セルをわかりやすくするため数字を入れています)

2 テーブル(表)のサイズ指定

1 2
3 4
サイズを指定しました。幅を250ピクセル・高さを150ピクセル・罫線の幅を0ピクセル・セル内の余白を0ピクセルにしました。
サイズの指定はテーブル(表)とセルでそれぞれ行うことができます。ここではまずテーブル(表)そのものに設定しました。

3 セルを連結

12
3 4
上の行には横長(250ピクセル)の画像を入れたいので、2つのセル(1と2)を1つに連結します。

4 セルのサイズ指定

12
3 4
上のセルを幅250ピクセル・高さ60ピクセルに指定。
下のセルをそれぞれ幅125ピクセル・高さ90ピクセルに指定。

5 背景色の変更

12
3 4
セルの背景色を変えました。

6 画像を挿入

3
画像を挿入しました。

7 文字を挿入

■メニュー
■ホームページ作成
文字を挿入しました。

8 文字サイズを変更(スタイルシート)

■メニュー
■ホームページ作成
文字の位置・サイズ・色・行間・枠との間隔を変えるため、下段左のセルにスタイルシートを使用しました。

9 画像を位置を変える

■メニュー
■ホームページ作成
ロボットの入っているセルを中央そろえに変えました。

10 枠を消しました

■メニュー
■ホームページ作成
テーブルの枠を消しました。

スポンサーリンク

ホームページ作成無料レクチャー「ホームページを作りたい人のためのホームページ」

クレジット