作成ネット収入HP「あくせすポイント」
トップ > ホームページ作成 > 共通設定のリファレンス1

HTMLとCSSのリファレンス

余白やアドレスなど、共通の悩み

バラバラ要素の集合体

このサイトで使っている用語の意味をまとめています。
個人的な解釈もあります。
100%鵜呑みにしないようご注意下さい (^^)

  1. 絶対パスと相対パス
  2. 余白の大きさ
  3. ブロック要素とインライン要素
<>
■ 絶対パスと相対パス

リンク先を示すアドレスには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


Copyright(C)AccessPoint by Tukioyaji ページトップ
メールする