ほぷしぃ

はじめてのhtml入門

はじめの一歩 /  基本的なタグ /  改行 /  文字の大きさ /  文字の色 /  文字の書体 /  背景の色 /  罫線 /  画像貼り付け /  リンク /  まとめ / 

文字の書体の変え方

フォントフェイス

font face=■ ☆■の中には書体を指定するためのfont名を入力する☆
〜の部分の文字が変化します。

?font faceの"フェイス"って??
 フォントにはいろいろな書体があることはご存知ですか?
 たとえば"こんな文字の形"とか"こんな文字の形"などいろいろ変えることができるのがfont faceです。
アルファベットの方が日本語よりも書体の種類が多くなっています。アルファベットだったら"Konnakanzi"にもできるしKonnakanzi にもできたりします。本当にたくさんのフォントの書体があるので、皆さんのセンスで使って個性をだしてみてもいいかもしれませんね。

メモ帳
↑エディタの画面
ブラウザ画面
↑ブラウザの画面

実際に文字を変化させてみましょう!

目のアイコン
先ほど作ったソースに付け足してみてください。

<html>
<head>
<title>松本 花子</title>
</head>
<body>
<font size="6" color="#ff6600">
<p>松本花子</p>
</font>
誕生日:平成16年4月1日</br>
出身地:長野県</br>
<font face="MS 明朝">
<p>私の趣味は映画鑑賞です!</p>
</font>
</body>
</html>

文字の書体が変わりましたか?他にもいろいろフォントを変えるタグがあります。

フォントを変えるタグ一覧

step up
<b>〜</b>
  文字を太く表示します。例えば、こんな感じです

<i>〜</i>
文字をイタリック(斜体)で表示します。こんな感じです

<u>〜</u>
テキスト(文字)に下線(アンダーライン)を引きます。こんな感じです。

<s>〜</s>
文字の上に取り消し線を引きます。こんな感じです

つぎは背景に色をつけてみましょう。
前のページへ ページのトップへ 次のページへ