MB-Support

パソコン初心者のサポートページ

フォントスタイルの指定

 太字/斜め/下線 <b><i><u>


文章の内容をブラウザに伝える事はさておき、単純に文字の体裁を変更するのに用いられるタグは以下。

他に、Netscape Navigator だけに対応する文章を点滅させる<blink> がありますが、多くのブラウザで対応していないので使わない方が良いでしょう。また、下線の<u>、打ち消し線の <s> 、または、<strike> は、廃止予定となっています。将来的に廃止される予定であり、WEB 準拠では無くなったとしても、ブラウザが拡張として対応し続ける可能性もあります。


<b> ボール体(太字)
<big> サイズの拡大
<small> サイズの縮小
<i> イタリック体(斜め)
<s>,<strike> 打ち消す(中央線)
<sub> 下付き文字
<sup> 上付き文字
<tt> 等幅書体
<u> 下線

HTMLソース(メモ帳)

<html>
<head>
<title>題名</title>
</head>
<body>
<p><b>シャーロック・ホームズ</b></p>
<p><big>シャーロック・ホームズ</big></p>
<p><small>シャーロック・ホームズ</small></p>
<p><i>シャーロック・ホームズ</i></p>
<p><s>シャーロック・ホームズ</s></p>
<p><strike>シャーロック・ホームズ</strike></p>
<p><sub>シャーロック・ホームズ</sub></p>
<p><sup>シャーロック・ホームズ</sup></p>
<p><tt>シャーロック・ホームズ</tt></p>
<p><u>シャーロック・ホームズ</u></p>
</body>
</html>

ブラウザ


太字

太字にしたい文章を <b> 〜 </b> で囲みます。

HTMLソース(メモ帳)

<html>
<head>
<title>題名</title>
</head>
<body>
<p>シャーロック・ホームズ</p>
<p><b>シャーロック・ホームズ</b></p>
</body>
</html>

ブラウザ


<b> は、boldを意味しますが、同じ表示ができる <strong> や <em> もあります。

HTMLソース(メモ帳)

<html>
<head>
<title>題名</title>
</head>
<body>
<p>シャーロック・ホームズ</p>
<p><b>シャーロック・ホームズ</b></p>
<p><em>シャーロック・ホームズ</em></p>
<p><strong>シャーロック・ホームズ</strong></p>
</body>
</html>

ブラウザ


<b> と <strong> は、表示こそ同じものの、その意味が異なります。<b> は単純に太字を表し、<storong> は強調する文章に対して指定します。



斜め

斜めにしたい文章を <i> 〜 </i> で囲みます。

HTMLソース(メモ帳)

<html>
<head>
<title>題名</title>
</head>
<body>
<p>シャーロック・ホームズ</p>
<p><i>シャーロック・ホームズ</i></p>
</body>
</html>

ブラウザ


下線

下線を付けたい文章を <u> 〜 </u> で囲みます。

HTMLソース(メモ帳)

<html>
<head>
<title>題名</title>
</head>
<body>
<p>シャーロック・ホームズ</p>
<p><u>シャーロック・ホームズ</u></p>
</body>
</html>

ブラウザ


<a href="">〜</a>

リンクを作成する <a href=""> 〜 </a> の間に、これらのスタイルを挿入した場合が以下。

HTMLソース(メモ帳)

<html>
<head>
<title>題名</title>
</head>
<body>
<p><a href="hpf8_s_06.htm">シャーロック・ホームズ</a></p>
<p><a href="hpf8_s_06.htm"><b>シャーロック・ホームズ</b></a></p>
</body>
</html>

ブラウザ

リンクを作成すると、通常テキストとは異なり、状態によって <a href=""> 〜 </a> に囲まれたテキストや画像が変化します。 これに関しては、 a href に関する疑似クラス を参照します。 そして、リンクにスタイルタグを挿入したとしても、ブラウザは解釈してくれますが、実際には正しい書き方ではありません。上の例ではリンクテキストをボールド(太字)に設定していますが、正しく書くならば、以下の様になります。


HTMLソース(メモ帳)

<html>
<head>
<title>題名</title>
</head>
<body>
<p><b><a href="hpf8_s_06.htm">シャーロック・ホームズ</a></b></p>
</body>
</html>



戻る 一覧表示 次へ


BTOパソコン・ゲームPC・自作パソコンなら【TSUKUMO】 - 自作PCに必要なパーツ、豊富な品揃え

Copyright © 2013 MB-Support パソコン初心者のサポートページ All Rights Reserved.

管理人サイト閲覧方法プライバシーポリシー著作権/免責事項