HP相談室 > HP作成講座 > 基本的なテクニックを使おう〜文字編〜

►基本的なテクニックを使おう 〜文字編〜
ホームページに使う文字についてココでは説明していきたいと思います。

-目次-
■ 太字にする
■ 斜体文字にする
■ 文字の下に線を入れる
■ 文字の大きさを変える
■ 上付き下付き文字
■ 文字の色を変える
■ 等幅にする
■ 取り消し線を入れる
■ フォントを変える


太字にする
文字を太くする方法です。強調するときとかに使うときありますよね。これは簡単なものを作ってみようでも説明したのでもうわかってる人もいるかと思います。

<b>ココに文字</b>

簡単ですね。<b>から</b>までが太字になります。


斜体文字にする
文字を斜体にする方法です。見たことあると思います。これはとっても簡単です。

<i>ココに文字</i>

これも楽勝ですね。<i>から</i>までが斜体になります。簡単簡単。


文字の下に線を入れる
 リンクの所についている線がありますよね?あれはリンクじゃなくてもつけることができます。あまり使い道は無いですが(笑)

<u>ココに文字</u>

これも楽勝ですね。<u>から</u>までに下線が入ります。

※下線は個人的にあまりお勧めできません。訪問者がリンクと勘違いして気分を損ねる場合があります。(笑)


文字の大きさを変える
文字の大きさも自由に変更可能です。(自由?)メニューだけ通常より少し大きくしたりできます。

<font size="●">ココに文字</font>

●には1〜7までの数字を入れます。普通に書いた文字は3になります。なので普通の文字より大きくしたい場合は4,5,6,7を、小さくしたい場合は2,1を入れると良いでしょう。また、<font size="+1">や<font size="-1">にしても変更可能です。お好きな方をお使いください。

また、下のようにすると、少し大きい文字と少し小さい文字になります。

<big>ココに文字</big>
<small>ココに文字</small>


上付き下付き文字
文字を上付きにしたり、下付きにしたりすることも出来ます。○○○®を○○○®と表示したい時などに使ったりします。

<sup>ココに文字</sup>
<sub>ココに文字</sub>

®は特殊文字なのでIE以外だと表示されていないかもしれません。


文字の色を変える
文字の色も変えることができます。これも簡単なものを作ってみようでも説明したのでわかる人もいると思います。

<font color="▲">ココに文字</font>

▲にはblueredが入ったり#・・・・・・のようなRGBで指定するものが入ります。#・・・・・・がわからなくてもフリーソフトがありますので、そういうソフトを利用しても良いでしょう。


等幅にする

文字を等幅にすることもできます。等幅はよくワード等で使いますね。HPではあんまり見かけませんけど。

<tt>ココに文字</tt>

楽勝ですね。


取り消し線を入れる

テキストサイト等でよく見かける取り消し線はこのようにします。

<s>ココに文字</s>

コレも簡単ですね。HPでちょっとした時に使うといいかもしれません。なんね


フォントを変える
文字を通常表示されているフォントじゃなく、ほかのフォントにすることが可能です。

<font face="MS 明朝">ココに文字</font>

ブラウザで表示すると下のように表示されると思います。

明朝文字になりましたね?しかし、自分は持っていても他人は同じフォントを持っていないと表示できなかったりしますので、OS共通のフォント以外は使用しないほうが良いでしょう。また、ネットスケープナビゲーターでは正常に表示されない場合もありますのでフォントの変更はあまりお勧めできません。