文字を強調・取り消し・下線・斜体にする

強調、取り消し、下線、斜体

文字を強調

文字を強調したりなど、文字を修飾するタグには下記のようなものがあります。それぞれに意味合いが違います。用途に合わせて使ってください。ただし乱用はタブーとされています。

<b>〜</b>	文字を太字に（文字を強調）
<strong>〜</strong>	文字を太字に（意味を強調）
<em>〜</em>	文字を強調（IEでは斜体になる）
<i>〜</i>	文字を斜体に（イタリック）
<tt>〜</tt>	文字を等幅フォントで表示
<u>〜</u>	文字に下線（アンダーライン）
<strike>〜</strike>	文字に取り消し線
<s>〜</s>	文字に取り消し線
<big>〜</big>	文字サイズをひとまわり大きくする
<small>〜</small>	文字サイズをひとまわり小さくする

文字の強調には <strong> <em> <b>タグがあります。この<strong><em>と<b>とでは意味合いが違います。<strong>は意味を、<b>は文字を強調します。
が、WEB上見た目は変わりません。<em>は、<strong>よりは弱い強調でIEなどのブラウザは、文字がイタリック体で表示されます。


<strong>文字を強調するにはどうしたらいいの</strong>

<b>文字を強調するにはどうしたらいいの</b>

ウェブ上で見ると　↓↓

文字を強調するにはどうしたらいいの


<b>ここに強調したい文字</b>

<strong>ここに強調したい文字</strong>

<em>文字を強調するにはどうしたらいいの</em>

ウェブ上で見ると　↓↓

文字を強調するにはどうしたらいいの

<em>ここに強調したい文字</em>

文字に取り消し線

取り消し線の<s>と<strike>は同じものですが、<strike>の方が対応するブラウザが多いようです。

文字を強調するにはどうしたらいいの

<strike>ここに取り消したい文字</strike>

文字に下線

文字に下線をつけるにはどうしたらいいの

<u>ここに下線をつけたい文字</u>

文字を斜体にする

文字をイタリックにするにはどうしたらいいの

<i>ここに斜めにしたい文字</i>




<div>と<span>の違い 行間を指定する 文字間を指定する 見出しをつける



●当サイトのソースは、IE6.0＋のみ動作確認をしております。 それ以外のブラウザでは同じように表示されない場合がございます。ご了承下さい。


★skip ページtop