レイアウトについて
- htmlのレイアウト編といってしまうと？？？かもしれませんが、いわゆる基本中の基本についてご説明しています。
- □ 段落の位置を指定する
＜p align="●"＞〜＜/p＞
●＝left、center、right
＜p＞タグにalign属性を指定すると、段落の位置をleft(左揃え/デフォルト)、center(センタリング)、right(右揃え)のいずれかに指定できます。
- □ まとめて位置を指定する
＜div align="●"＞〜＜/div＞
●＝left、center、right
＜div＞タグで囲むと、囲まれた範囲がひとまとまりとされます。これにalign属性を記述すると、中のコンテンツに表示位置をleft(左揃え/デフォルト)、center(センタリング)、right(右揃え)のいずれかに指定できます。
- □ センタリングする
＜center＞〜＜/center＞
コンテンツのセンタリング(中央揃え)を指定出来ます。
- □ 横罫線を表示する
＜hr＞
＜hr ●＞
●・・・size＝"太さ"（ピクセル)
width＝"長さ"(ピクセル、または％)
align＝"left"、"center"、"right"
noshade
＜hr＞で横罫線が画面の左右いっぱいに表示されます。横罫線とその前後の内容との間隔は、ブラウザに依存します。
横罫線の太さや長さなどを指定するには、次の属性を設定しましょう。
size属性は罫線の太さをピクセルで指定し、width属性は長さがピクセルか画面の横幅に対する割合(%)で指定します。
align属性では左右に寄せるか、センタリングするかを決めますが、デフォルテでセンタリングする設定になっているため、centerは省略可能になります。
noshadeを指定すると、立体的ではなく平面的な横罫線が表示されます。
- □ 横罫線の色を指定する
＜hr color="●"＞
●＝色指定値(#rrggbb)、または色名(colorname)
色つきの横罫線を表示します。色の指定には「＃」のあとにrgbの値を１６進数で記述するか、直接色名(colorname)を書き込みます。
これはInternet Explorerのみに対応しています。
- □ ページのマージンを指定する
＜body ●＞〜＜/body＞
●・・・leftmargin="ピクセル"
topmargin="ピクセル"
rightmargin="ピクセル"
bottommargin="ピクセル"
ページの上下左右のマージン(余白)幅を設定します。Internet Exolorer 6のデフォルテは左右が１０ピクセル、上下が１５ピクセルです。leftmargin(topmargin)ni0指定すると、左(上)端に揃います。
leftmargin属性で左右のマージン、topmargin属性で上下のマージンが設定されるので、rightmargin属性とbottommargin属性は、おもに左と右、または上と下で異なるマージンを設定する場合に指定します。
これはInternet Explorerのみに対応しています。
