左の縦長のセルを作っています。縦方向に5段連結。セルの一番上から文章が始まります。 | ||||
テーブルを使用してレイアウトを作りましょう
横方向4列連結しています。 |
||||
縦2連結巾200ピクセル。文字はセルの上からスタート。 画像貼込み。 画像左右に2ピクセル余白。 右寄せにして文字を回り込ませています。 この設定を使えば、画像の周囲に文章を回り込ませることが出来ます。 |
このページのグリッドは 50ピクセル刻みです |
これは三段目です。セルの一番下に文章がそろいます。左右はセンターあわせになっています。こんな風にセルごとに背景も変更が出来ます。 | ||
4段目はこのセル1つだけです。 画像の貼り込み。 画像を左に寄せます。 | ||||
何も指定をしないと
セル内で 文字を左寄せに 天地はセンター合わせに配置します。 |
セル内で 右寄せに 文字を配置します。 | |||
このセルではインデントを設定していますので、左右に余白が出来ます。 ああ…しかしなんて見づらいページでしょうか。 テーブルに関係するタグを思いつくままに使ってしまうとこうなります。 中身のあるページを作るのであれば、 むやみにいろんな設定を使うのではなく、きちんと計画を立てて構成しましょう。 あとは、スタイルシートと組み合わせたり、 マージン設定を使ったり、テーブルボーダーを無しに設定してあげると カッコいいページを作ることも出来ると思う。 |
目次に戻る |