とほほのHTMLリファレンス(フォント)

HOME > とほほのWWW入門 > とほほのHTMLリファレンス > フォント
1998年7月19日
<FONT>〜</FONT> フォントの色や大きさを変更 H3/N2/e2
説明
<FONT>〜</FONT>で囲まれたテキストの大きさや色を指定します。

属性
SIZE=n H3/N2/e2。 フォントのサイズを指定します。nにはSIZE=1 〜 SIZE=7までの数字を指定します。 IEやNNでは基準値はSIZE=3のようです。 SIZE="+1" や SIZE="-1" のように現在の大きさに対する相対値を指定することもできます。
COLOR="color" H3/N2/e2。 フォントの色を指定します。
FACE="..." H4/N3/e2。 使用するフォントを指定します。 候補のフォント名をカンマ ( , ) で優先順に並べておき、 その中からブラウザで表示可能なものがあればそれが使用されます。 フォント名には例えば、VERDANA, ARIAL, HELVETICAなどがあります。 IEでは結構まともに使えますが、NNの日本語モードではうまく指定できないことがあるようです。
POINT-SIZE=n N4。 フォントのポイントサイズを指定します。
FONT-WEIGHT=n N4。 フォントの太さを100, 200, 300, 400, 500, 600, 700, 800, 900の中から指定します。 NN4.0では600以上だと太字になるようです。

使用例
<FONT SIZE="5">大きなフォント</FONT>
<FONT SIZE="+1">大きなフォント</FONT>
<FONT COLOR="#FF0000">赤いフォント</FONT>
これ(↑)を表示するとこう(↓)なります。
大きなフォント 大きなフォント 赤いフォント

<BASEFONT> フォントを変更 H3/N2/e2
説明
<BASEFONT>以降のテキストの大きさを指定します。

属性
SIZE="n" H3/N2/e3。 フォントのサイズを指定します。nには1〜7までの数字を指定します。 <FONT>〜</FONT>と異なり、 <BASEFONT>で指定したフォントの大きさは ブラウザの設定に関わらず一定です。
COLOR="color" H4/e2。 テキストの色を指定します。
FACE="..." H4/e2。<FONT>を参照してください。

使用例
<BASEFONT SIZE="5">大きなフォント
<BASEFONT SIZE="3">普通のフォント
これ(↑)を表示するとこう(↓)なります。
大きなフォント 普通のフォント

<BIG>〜</BIG> 大きなフォント H3/N2/e3
<SMALL>〜</SMALL> 小さなフォント H3/N2/e3
説明
<FONT SIZE=...>の代わりに用いてフォントを大きくしたり小さくしたりすることができます。

使用例
普通のフォント<BR>
<SMALL>小さなフォント</SMALL><BR>
<BIG>大きな<BIG>大きな</BIG>フォント</BIG>
これ(↑)を表示するとこう(↓)なります。
普通のフォント
小さなフォント
大きな大きなフォント

<ADDRESS>〜</ADDRESS> アドレス H2/N2/e2
説明
そのページの作者などのアドレス情報を記述します。 通常、そのページの最後にメールアドレスなどを記述します。

使用例
<ADDRESS>abc@xxx.yyy.zzz</ADDRESS>
これ(↑)を表示するとこう(↓)なります。
abc@xxx.yyy.zzz

注意
<B>〜</B>などと異なり、<ADDRESS>〜</ADDRESS>の前後には改行がはいります。

<B>〜</B> 太字(ボールド)フォント H2/N2/e2
<I>〜</I> 斜体(イタリック)フォント H2/N2/e2
<TT>〜</TT> 等幅フォント H2/N2/e2
<U>〜</U> 下線付きフォント H3/N3/e2
<STRIKE>〜</STRIKE> 取消線付きフォント H3/N2/e2
<S>〜</S> 取消線付きフォント H4/N3/e2
<BLINK>〜</BLINK> 点滅(ブリンク)フォント N2

説明
テキストのフォントを変更します。 ブラウザによってはサポートしていないものもありますので注意してください。

使用例
通常<BR>
<B>太字(Bold)</B><BR>
<I>斜体(Italic)</I><BR>
<TT>等幅</TT><BR>
<U>下線(Underline)付き</U><BR>
<STRIKE>取消線(Strikeout)付き</STRIKE><BR>
<S>取消線(Strikeout)付き</S><BR>
<BLINK>点滅(Blink)</BLINK><BR>
これ(↑)を表示するとこう(↓)なります。
通常
太字(Bold)
斜体(Italic)
等幅(TeleType)
下線(Underline)付き
取消線(Strikeout)付き
取消線(Strikeout)付き
点滅(Blink)

<ABBR>〜</ABBR> 省略語 H4
<ACRONYM>〜</ACRONYM> 頭字語 H4/e4
<CITE>〜</CITE> 引用 H2/N2/e2
<CODE>〜</CODE> コーディング H2/N2/e2
<DEL>〜</DEL> 削除文字 H4/e4
<DFN>〜</DFN> 定義 H2/e2
<EM>〜</EM> 強調 H2/N2/e2
<INS>〜</INS> 挿入文字 H4/e4
<KBD>〜</KBD> キーボード入力 H2/N2/e2
<Q>〜</Q> 短い引用 H4/e4
<SAMP>〜</SAMP> サンプル H2/N2/e2
<STRONG>〜</STRONG> 強調 H2/N2/e2
<VAR>〜</VAR> 変数 H2/N2/e2
説明
これらのタグは、フォントの見栄えではなく意味を定義します。 これらをどのように(イタリックや太字など)表示するかは、ブラウザの仕様によります。

使用例
<ABBR>省略語(Abbreviation)</ABBR><BR>
<ACRONYM>頭字語(Acronym)</ACRONYM><BR>
<CITE>引用(Citation)</CITE><BR>
<CODE>コーディング(Coding)</CODE><BR>
<DEL>削除文字(Delete)</DEL><BR>
<DFN>定義(Define)</DFN><BR>
<EM>強調(Emphasize)</EM><BR>
<INS>挿入文字(Insert)</INS><BR>
<KBD>キーボード(Keyboard)入力</KBD><BR>
<Q>短い引用(Quotation)</Q><BR>
<SAMP>例(Sample)</SAMP><BR>
<STRONG>強調(Strong)</STRONG><BR>
<VAR>変数(Variable)</VAR><BR>
これ(↑)を表示するとこう(↓)なります。
省略語(Abbreviation)
頭字語(Acronym)
引用(Citation)
コーディング(Cording)
削除文字(Delete)
定義(Define)
強調(Emphasize)
挿入文字(Insert)
キーボード(Keybord)入力
短い引用(Quotation)
例(SAMPle)
強調(Strong)
変数(Variable)

Copyright(C) とほほ ( http://www2e.biglobe.ne.jp/~s-hasei/ )