next up previous index
Next: 4.7 物理的表現と論理的表現 Up: 4. HTMLの骨格 Previous: 4.5 段落、改行、横線

4.6 見出しと文字の大きさ

見出し(ヘディング)は、hタグ環境を使います。

h[Strict][Transitional]
<hlevel attributes ...>〜</hlevel>でそのタグ環境内の見出しレベルを指定します。level の部分にレベルの数値を記述します。グラフィカルなブラウザのほとんどでは、レベルの数が小さいほど、大きなフォントで表示します。
  1. 最も大きい(重要な)レベルです。
  2. 項目見出しなどに使うレベルです。
  3. 通常のレベルです。
  4. やや小さいレベルです。
  5. 注釈などに使うレベルです。
  6. 最小レベルです。
attributesには次のようなものを取ります。
align
[Transitional][省略可]位置を指定します。align="Justification"で、次のような値を取ります。
  • left:左寄せします。
  • center:中寄せします。
  • right:右寄せします。
  • justify:左右のマージンを元に調整します。
class
[Strict][Transitional][省略可]class="cdata"は、このタグへセットする情報をクラスの形で指定します。詳細は5 を参照してください。
dir
[Strict][Transitional][省略可]dir="direction"は、テキストの方向を指定します。詳細は4.3 を参照してください。
id
[Strict][Transitional][省略可]id="name"は、このタグに固有のIDを振ります。
lang
[Strict][Transitional][省略可]lang="language"は、タグ内の言語を指定します。詳細は4.3 を参照してください。
onclick
[Strict][Transitional][省略可]onclick="script"はクリックされたときに実行するスクリプトを指定します。詳細は15 を参照してください。
ondblclick
[Strict][Transitional][省略可]ondblclick="script"はダブルクリックされたときに実行するスクリプトを指定します。詳細は15 を参照してください。
onkeydown
[Strict][Transitional][省略可]onkeydown="script"はキーを押して離したときに実行するスクリプトを指定します。詳細は15 を参照してください。
onkeypress
[Strict][Transitional][省略可]onkeypress="script"はキーを押したときに実行するスクリプトを指定します。詳細は15 を参照してください。
onkeyup
[Strict][Transitional][省略可]onkeyup="script"はキーを離したときに実行するスクリプトを指定します。詳細は15 を参照してください。
onmousedown
[Strict][Transitional][省略可]onmousedown="script"はマウスのボタンをクリックしたときに実行するスクリプトを指定します。詳細は15 を参照してください。
onmousemove
[Strict][Transitional][省略可]onmousemove="script"はマウスを移動したときに実行するスクリプトを指定します。詳細は15 を参照してください。
onmouseout
[Strict][Transitional][省略可]onmouseout="script"はマウスを対象から離したときに実行するスクリプトを指定します。詳細は15 を参照してください。
onmouseover
[Strict][Transitional][省略可]onmouseover="script"はマウスを対象に当てたときに実行するスクリプトを指定します。詳細は15 を参照してください。
onmouseup
[Strict][Transitional][省略可]onmouseup="script"はマウスのボタンを離したときに実行するスクリプトを指定します。詳細は15 を参照してください。
style
[Strict][Transitional][省略可]style="cdata"は、スタイルを設定します。詳細は5 を参照してください。
title
[Strict][Transitional][省略可]title="titlename"は補助用タイトルを指定します。


h1:最も大きいレベル。

h2:大き目のレベル。

h3: 通常レベル。

h4:やや小さいレベル。

h5:小さいレベル。
h6:最小レベル。

上付きテキスト、下付きテキストもsupタグとsubタグを使って扱うことができます。

sup[Strict][Transitional]
<sup attributes ...>〜</sup>でタグ環境のテキストを上付きテキストにします。attributesには次のようなものがあります。
class
[Strict][Transitional][省略可]class="cdata"は、タグ内のテキストへセットする情報をクラスの形で指定します。詳細は5 を参照してください。
dir
[Strict][Transitional][省略可]dir="direction"は、テキストの方向を指定します。詳細は4.3 を参照してください。
id
[Strict][Transitional][省略可]id="name"は、このタグに固有のIDを振ります。
lang
[Strict][Transitional][省略可]lang="language"は、ドキュメントの言語を指定します。詳細は4.3 を参照してください。
onclick
[Strict][Transitional][省略可]onclick="script"はクリックされたときに実行するスクリプトを指定します。詳細は15 を参照してください。
ondblclick
[Strict][Transitional][省略可]ondblclick="script"はダブルクリックされたときに実行するスクリプトを指定します。詳細は15 を参照してください。
onkeydown
[Strict][Transitional][省略可]onkeydown="script"はキーを押して離したときに実行するスクリプトを指定します。詳細は15 を参照してください。
onkeypress
[Strict][Transitional][省略可]onkeypress="script"はキーを押したときに実行するスクリプトを指定します。詳細は15 を参照してください。
onkeyup
[Strict][Transitional][省略可]onkeyup="script"はキーを離したときに実行するスクリプトを指定します。詳細は15 を参照してください。
onmousedown
[Strict][Transitional][省略可]onmousedown="script"はマウスのボタンをクリックしたときに実行するスクリプトを指定します。詳細は15 を参照してください。
onmousemove
[Strict][Transitional][省略可]onmousemove="script"はマウスを移動したときに実行するスクリプトを指定します。詳細は15 を参照してください。
onmouseout
[Strict][Transitional][省略可]onmouseout="script"はマウスを対象から離したときに実行するスクリプトを指定します。詳細は15 を参照してください。
onmouseover
[Strict][Transitional][省略可]onmouseover="script"はマウスを対象に当てたときに実行するスクリプトを指定します。詳細は15 を参照してください。
onmouseup
[Strict][Transitional][省略可]onmouseup="script"はマウスのボタンを離したときに実行するスクリプトを指定します。詳細は15 を参照してください。
style
[Strict][Transitional][省略可]style="cdata"は、このタグ内のスタイルを設定します。詳細は5 を参照してください。
sub
<sub attributes...>〜</sub>でタグ環境のテキストを下付きテキストにします。attriburessupタグと同じです。

basefontfontタグ、bigタグ、それにsmallタグを使うと、フォントの大きさをテキスト中で変更することができます。なお、hタグは見出しを意味する論理的表現なので、フォントの大きさを変えるために使ってはいけません。また、これらのタグは推奨されていません。

basefont[Transitional]
<basefont attributes ...>はページ内で基本となるフォントサイズを設定します。EMPTYタグです。attributesには次のようなものが入ります。
color
[Transitional][省略可]color="#rrggbb"またはcolor="Color"で指定し、ベースの文字の色を変更することができます。色の指定については、7 を参照してください。
face
[Transitional][省略可]face="font[,font] [,font]"は、システムのフォントを直接指定します。値は3つまで取ることができ、1つめのフォントがなければ次のフォントが、それもなければ次のフォントが、と探していきます。例えば、Helvetica,Arial,Panatinoの順に探していかせるのであれば、face="HELVETICA,ARIAL,PANATINO"と指定します。
id
[Transitional][省略可]id="name"は、このタグに固有のIDを振ります。
size
[Transitional][必須]size="number">は、基本となるフォントサイズを設定します。デフォルトは3になっています。1が最小、7が最大です(hタグと逆になります)。
big[Transitional]
<big attributes ...>〜</big>は現在のフォントより1つ大きいサイズのフォントで表示します。attributesには次のようなものが入ります。
class
[Transitional][省略可]class="cdata"は、タグ内のテキストへセットする情報をクラスの形で指定します。詳細は5 を参照してください。
dir
[Transitional][省略可]dir="direction"は、テキストの方向を指定します。詳細は4.3 を参照してください。
id
[Transitional][省略可]id="name"は、このタグに固有のIDを振ります。
lang
[Transitional][省略可]lang="language"は、ドキュメントの言語を指定します。詳細は4.3 を参照してください。
onclick
[Transitional][省略可]onclick="script"はクリックされたときに実行するスクリプトを指定します。詳細は15 を参照してください。
ondblclick
[Transitional][省略可]ondblclick="script"はダブルクリックされたときに実行するスクリプトを指定します。詳細は15 を参照してください。
onkeydown
[Transitional][省略可]onkeydown="script"はキーを押して離したときに実行するスクリプトを指定します。詳細は15 を参照してください。
onkeypress
[Transitional][省略可]onkeypress="script"はキーを押したときに実行するスクリプトを指定します。詳細は15 を参照してください。
onkeyup
[Transitional][省略可]onkeyup="script"はキーを離したときに実行するスクリプトを指定します。詳細は15 を参照してください。
onmousedown
[Transitional][省略可]onmousedown="script"はマウスのボタンをクリックしたときに実行するスクリプトを指定します。詳細はreft:script を参照してください。
onmousemove
[Transitional][省略可]onmousemove="script"はマウスを移動したときに実行するスクリプトを指定します。詳細は15 を参照してください。
onmouseout
[Transitional][省略可]onmouseout="script"はマウスを対象から離したときに実行するスクリプトを指定します。詳細は15 を参照してください。
onmouseover
[Transitional][省略可]onmouseover="script"はマウスを対象に当てたときに実行するスクリプトを指定します。詳細は15 を参照してください。
onmouseup
[Transitional][省略可]onmouseup="script"はマウスのボタンを離したときに実行するスクリプトを指定します。詳細は15 を参照してください。
style
[Transitional][省略可]style="cdata"は、このタグ内のスタイルを設定します。詳細は5 を参照してください。
font[Transitional]
<font attributes ...>〜</font>は、フォントのサイズや種類、色などを変更します。attributesには次のようなものを指定できます。
class
[Transitional][省略可]class="cdata"は、タグ内のテキストへセットする情報をクラスの形で指定します。詳細は5 を参照してください。
color
[Transitional][省略可]color="#rrggbb"またはcolor="Color"で指定し、文字の色を変更することができます。色の指定については、7 を参照してください。
dir
[Transitional][省略可]dir="direction"は、テキストの方向を指定します。詳細は4.3 を参照してください。
face
[Transitional][省略可]face="font[,font][,font]"は、システムのフォントを直接指定します。値は3つまで取ることができ、1つめのフォントがなければ次のフォントが、それもなければ次のフォントが、と探していきます。例えば、Helvetica,Arial,Panatinoの順に探していかせるのであれば、face="HELVETICA,ARIAL,PANATINO"と指定します。
id
[Transitional][省略可]id="name"は、このタグに固有のIDを振ります。
lang
[Transitional][省略可]lang="language"は、ドキュメントの言語を指定します。詳細は4.3 を参照してください。
size
[Transitional][省略可]size="number"で指定し、numberには数値として1〜7(1が最小、7が最大)を入力します。また、+number-numberを使い、直前の値から変更することも可能です。
style
[Transitional][省略可]style="cdata"は、このタグ内のスタイルを設定します。詳細は5 を参照してください。
title
[Transitional][省略可]title="titlename"は補助用タイトルを指定します。
small[Transitional]
<small attributes ...>〜</small>は現在のフォントより1つ小さいサイズのフォントで表示します。attributesには次のようなものが入ります。
class
[Transitional][省略可]class="cdata"は、タグ内のテキストへセットする情報をクラスの形で指定します。詳細は5 を参照してください。
dir
[Transitional][省略可]dir="direction"は、テキストの方向を指定します。詳細は4.3 を参照してください。
id
[Transitional][省略可]id="name"は、このタグに固有のIDを振ります。
lang
[Transitional][省略可]lang="language"は、ドキュメントの言語を指定します。詳細は4.3 を参照してください。
onclick
[Transitional][省略可]onclick="script"はクリックされたときに実行するスクリプトを指定します。詳細は15 を参照してください。
ondblclick
[Transitional][省略可]ondblclick="script"はダブルクリックされたときに実行するスクリプトを指定します。詳細は15 を参照してください。
onkeydown
[Transitional][省略可]onkeydown="script"はキーを押して離したときに実行するスクリプトを指定します。詳細は15 を参照してください。
onkeypress
[Transitional][省略可]onkeypress="script"はキーを押したときに実行するスクリプトを指定します。詳細は15 を参照してください。
onkeyup
[Transitional][省略可]onkeyup="script"はキーを離したときに実行するスクリプトを指定します。詳細は15 を参照してください。
onmousedown
[Transitional][省略可]onmousedown="script"はマウスのボタンをクリックしたときに実行するスクリプトを指定します。詳細は15 を参照してください。
onmousemove
[Transitional][省略可]onmousemove="script"はマウスを移動したときに実行するスクリプトを指定します。詳細は15 を参照してください。
onmouseout
[Transitional][省略可]onmouseout="script"はマウスを対象から離したときに実行するスクリプトを指定します。詳細は15 を参照してください。
onmouseover
[Transitional][省略可]onmouseover="script"はマウスを対象に当てたときに実行するスクリプトを指定します。詳細は15 を参照してください。
onmouseup
[Transitional][省略可]onmouseup="script"はマウスのボタンを離したときに実行するスクリプトを指定します。詳細は15 を参照してください。
style
[Transitional][省略可]style="cdata"は、このタグ内のスタイルを設定します。詳細は5 を参照してください。
title
[Transitional][省略可]title="titlename"は補助用タイトルを指定します。

fontタグの使用例を次に示します。


Font size 1,Blue
Font size 2,Red
Font size 3,Purple
Font size 4,Green
Font size 5,Cyan
Font size 6,Yellow
Font size 7,White


next up previous index
Next: 4.7 物理的表現と論理的表現 Up: 4. HTMLの骨格 Previous: 4.5 段落、改行、横線
Kenshi Muto
平成11年9月19日