[Up] [Next] [Previous]  [Home]

文字スタイル

HTMLでは文字スタイルを指定する方法として、論理的文字スタイルに指定する 方法と、実際の文字スタイルに指定する方法があります。論理的文字スタイル の指定ではその文字の文書的な意味を指定します。実際の文字スタイルの指定 ではその文字のフォントスタイルを指定します。

論理的スタイル

<EM></EM>
文字の強調を意味します。ブラウザではイタリック(斜体)に表示され ます。例えば、

Don't <EM>smoke</EM> here.

Don't smoke here.

<STRONG></STRONG>
<EM>よりもより強調したい場合に用います。ブラウザ ではボールド体(太文字)に表示されます。

Don't <STRONG>smoke</STRONG> here.

Don't smoke here.

<CODE></CODE>
タイプライタフォントのような等幅文字で表示されます。

<CODE>#include &lt;stdio.h&gt;</CODE>

#include <stdio.h>

<SAMP></SAMP>
テキスト例、<CODE>と同じです。

The URL is <SAMP>http://w3.lab.kdd.co.jp/</SAMP>

The URL is http://w3.lab.kdd.co.jp/

<KBD></KBD>
ユーザがタイプしたテキストなどに用いられます。

Command: <KBD>patch -p <patchfile</KBD>

Command: patch -p <patchfile

<VAR></VAR>
変数名などに用いられます。ブラウザではイタリックかアンダーライ ン(下線付)で表示されます。

<CODE>chown</CODE> <VAR>user-id</VAR>

chown user-id

<DFN></DFN>
単語のハイライトまたは定義文字などに使用します。

<DFN>format style</DFN>

format style

<CITE></CITE>
引用に用いられます。

LaTeX books <CITE>(Lamport 1994)</CITE>

LaTeX books (Lamport 1994)

各ブラウザ毎の違いを下表に示します。

タグ Netscape Mosaic Micorsoft Lynx
<cite> italic italic italic monospace
<code> monospace monospace monospace monospace
<dfn> n/a n/a italic n/a
<em> italic italic italic monospace
<kbd> monospace italic monospace bold monospace
<samp> monospace monospace monospace monospace
<strong> bold bold bold monospace
<var> italic italic monospace monospace

HTML 3.0 では、これらの論理フォントがどのようなフォント、色、大きさを 使用するかをスタイルシートを使って指定できるようになります。

文字スタイル

論理的な指定のかわりに明示的にフォントスタイルを指定する方法もあります。 文字スタイルタグは開始タグと終了タグを持っています。次の4つのタグが あります。
Bold 太文字
Italic 斜体文字
Fixed Width Typewriter タイプライタ文字
Underline 下線付文字
Strikethrough <STRIKE> 取消文字
Strikethrough <S> 取消文字
Insert <INS> 挿入文字
Delete <DEL> 削除文字
<U><S>タグについては、HTML 3.0のタグで あるため、ブラウザによってはサポートしていない場合があります。また、フォ ントスタイルは入れ子にする(複合フォント)こともできますが、これもブラウ ザによってはサポートしていない場合があります。

<B><I>This is bold and italic<I><B>
This is bold and italic

肩付き、下付き文字

HTML 3.0のタグ肩付き文字<SUP>〜</SUP>および下付き 文字<SUB>〜</SUB>が使用できます。

テキスト<SUP>肩付き文字</SUP>

テキスト<SUB>下付き文字</SUB>

Superscriptsuperscript

Subscriptsubscript

肩付き肩付き

下付き下付き

以上をまとめると下表のようになります。

タグ Netscape Mosaic Micorsoft Arena
<B>
<I>
<TT>
<U>
<STRIKE> × × ×
<S> ×
<SUP>
<SUB>
複合フォント ×

SPAN文字

マイクロソフトインターネットエクスプローラでは、文字に CSSの属性を付ける事ができます。例えば、文 字に背景色を付ける場合、下記のように指定します。

<SPAN STYLE="background: #FFF000">背景色付き文字</SPAN>

背景色付き文字

SPAN文字

ダブルクォート文字

<Q>タグで囲まれたテキスト(``〜'')がダブルクォートで囲まれます。 このタグは HTML 3.0 (Arena) で見る事ができます。

<Q>この部分がダブルクォートで囲まれます。</Q>

この部分がダブルクォートで囲まれます。


[Up] [Next] [Previous]  [Home]