HTMLとCSSのリファレンス
余白やアドレスなど、共通の悩み
バラバラ要素の集合体
このサイトで使っている用語の意味をまとめています。
個人的な解釈もあります。
100%鵜呑みにしないようご注意下さい (^^)
- 絶対パスと相対パス
- 余白の大きさ
- ブロック要素とインライン要素
リンク先を示すアドレスには2つの種類があります。
それが絶対パスと相対パスです。
絶対パスとは、ホームページが置いてある住所を示すもので、
URL(Uniform Resouse Locator)とも呼ばれています。
書き方は次のとおりです。
http://aaa.bbb/ccc/ファイル.html
上記のうち、aaa.bbb はドメインです。
当サイトの場合 acp9.info にあたります
どこから呼び出しても、世界中に一つしかない住所。
それが絶対パスです。
上記の場合aaa.bbbというサイトのcccフォルダにあるファイルを指定しています。
相対パスとは、あるページを元にして他のページを示すもので、
下のような書き方をします。
xxx/yyy.html ・・・A
../zzz.html ・・・B
A の方法は、下の階層のページを呼び出す場合に使います。
xxx フォルダの中にあるyyy.html を指しています。
Bは、上の階層のページを呼び出す方法です。
上位フォルダーの中のzzz.html を指しています。
HTMLとCSSでは、幅や高さを決めるための基準がいくつも用意されています。文字やイメージの幅や高さだけではなく、余白やテーブルのサイズなどにも使用できます。
全部を使う必要はありません。使いやすいいものを選びましょう。
当サイトでは下線が付いているものを使用しています。
相対指定
em 適用要素のフォントサイズ
ex 適用要素の小文字の高さ
px ピクセル
% パーセント
絶対指定
in インチ(1in = 2.54cm)
cm センチメートル
mm ミリメートル
pt ポイント(1pt = 1/72in)
pc パイカ(1pc = 12pt)
一口メモ:
emは、行間をそろえるのに便利です。
pxは、余白に利用しています。
ptで、文字サイズを指定してます。
%は、大まかなテーブルサイズを決める場合に使ってます。
このほかに、xx-small 〜 xx-large などの指定方法があります。
BODY内に使うタグは、2つの要素に分けることができます。
ブロック要素と、インライン要素です。
大きなまとまりがブロック要素、小さなまとまりがインライン要素です。
ブロック要素の中にはインライン要素を入れることができます。
しかし、インライン要素の中にはブロック要素を入れることができません。
ブロック要素の中には、ブロック要素を入れることができますが、タグによってはできないものもあります。
ブロック要素
address blockquote center dir div dl
form h1 〜 h6 hr menu noframes
ol p pre table ul
xmp
インライン要素
a abbr acronym b basefont big br
button
cite code em font i iframe
img
input kbd map object q s samp
script
select small span strike strong sub sup textarea
tt u var
|