ブロックタグやインラインタグで括った文章は、表示方法や表示位置を指定することができます。
普通にウェブサイトやブログを作っていく上では、必要ない指定がほとんどですが、見映えを変化させることができます。
HTML言語を使用したホームページやブログなどのウェブサイトでは、P、DIV および H1～H6 タグのようなブロックタグは、通常段落とみなされ改段が発生しますが、displayで表示方法を指定することで、インライン表示にしたり、非表示にしたりすることができます。
| inline | インライン表示にする（改段しない） |
|---|---|
| block | ブロック表示にする（改段する） |
| none | 表示しない |
サンプルです。
HTML言語を使用したホームページやブログなどのウェブサイトでは、
| static | HTMLレイアウト規則にしたがって自動的に決められる座標系 |
|---|---|
| absolute | BODYの左上が原点の絶対座標系 |
| relative | 直前のブロックタグが原点の相対座標系 |
| 絶対 サイズ | 意味 |
|---|---|
| in | インチ（ 1 in = 25.4 mm ） |
| cm | センチメートル |
| mm | ミリメートル |
| pt | ポイント（ 1 pt = 1/72 in） |
| pc | パイカ（ 1 pc = 12 pt ） |
| px※ | ピクセル（表示上の 1 ドット幅） |
| 相対 サイズ | 意味 |
|---|---|
| em | 基準書体の文字の高さ |
| ex | 基準書体の文字 x の高さ |
| % | 基準書体のサイズに対する百分率 |
※正確にはデバイス依存の相対サイズ
P、DIV などのブロックタグで括られた文字や文章などを、表示位置を指定を使って 影付きのように見せることができます。
文字に影を付けるには専用のスタイル指定がありますが、Netscape が対応していません。この方法は、 非対応ブラウザでも見映えを損なわないようにするのに有効です。
このサンプルは、２つの段落に同じ文字を表示し、２つ目の段落が１つ目の段落に覆い被さるように表示位置を指定した上、文字色を変えることで、１つ目の段落の影のように見せています。
このため、Netscape などのフィルター効果が有効でないブラウザでも同じように見せることができます。
このソースは、次のようになります。
HTML言語を使用したホームページやブログなどのウェブサイトで ブロックタグやインラインタグで括られた文字や文章、画像などは表示位置を指定することができます。
| static | HTMLレイアウト規則にしたがって自動的に決められる座標系 |
|---|---|
| absolute | BODYの左上が原点の絶対座標系 |
| relative | 直前のブロックタグが原点の相対座標系 |
| 絶対 サイズ | 意味 |
|---|---|
| in | インチ（ 1 in = 25.4 mm ） |
| cm | センチメートル |
| mm | ミリメートル |
| pt | ポイント（ 1 pt = 1/72 in） |
| pc | パイカ（ 1 pc = 12 pt ） |
| px※ | ピクセル（表示上の 1 ドット幅） |
| 相対 サイズ | 意味 |
|---|---|
| em | 基準書体の文字の高さ |
| ex | 基準書体の文字 x の高さ |
| % | 基準書体のサイズに対する百分率 |
※正確にはデバイス依存の相対サイズ
サンプルソースです。
HTML言語を使用したホームページやブログなどのウェブサイトで 文字や文章、画像など表示位置を指定する際に、表示位置の指定方法を選択することができます。
| static | HTMLレイアウト規則にしたがって自動的に決められる座標系 |
|---|---|
| absolute | BODYの左上が原点の絶対座標系 |
| relative | 直前のブロックタグが原点の相対座標系 |
サンプルソースです。
コンピュータとインターネット > データ形式 > HTML > リファレンス