どんとこい!PC情報

はじめての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>
文字の上に取り消し線を引きます。こんな感じです

つぎは背景に色をつけてみましょう。

コメントの投稿


画像の中に見える文字を入力してください。

トラックバックURL

http://www.isl.ne.jp/cgi-bin/mt/mt-tb.cgi/1161

サイト内検索

twitterTwitter

最新ブログ記事

2014年05月07日

BeagleBoardを使ってみる

BaegleBoardでLinuxをブートする

2011年10月12日

WindowsXPの見た目をWindows7風に変更

カレンダー表示をカスタマイズする

2011年09月14日

WindowsXPの見た目をWindows7風に変更

ウィンドウを半透明化する

2011年09月14日

WindowsXPの見た目をWindows7風に変更

Windows7風にカスタマイズ

2011年05月11日

WindowsXPの見た目をWindows7風に変更

使用ソフト概要説明

アクセスランキング

人気のコンテンツをご紹介!

1位

どんとこいPC情報

CD/DVDの仕組み CD編

3位

どんとこいPC情報

CD/DVDの仕組み DVD

4位

どんとこいPC情報

CD/DVDの仕組み DVD±R

ISL 情報戦略研究所

pagetopこのページの先頭へ戻る