ホームページ制作鹿児島｜成果をあげるwebマーケティング

HTMLの基礎　文字をいじってみよう

Tweet

さて、今回は一番簡単なフォントタグを勉強しましょう。

【フォントタグの基本形】
--------------------

<font>文字</font>

--------------------

色・大きさを変えたい文字を、囲むようにタグをつけます。

『fontはわかるけど、<>とか/って何？』

 
<>は文字とタグを分けるための記号です。
ここから→<font>←ここまでがタグですよという意味になります。
/はタグの終わりという意味です。

『こういうことか！　<font>おぱんだ様は天才』
 

惜しい！必ず</font>で囲まないとブラウザに反映されないのです。

『<font>おぱんだ様は天才</font>』
 

正解！でもこれだけでは色も大きさも変わりません。

『それじゃ意味ないだろ』
 

いいえ、これはフォントタグの基本形ですので、ここから色や大きさの情報を書き込んでいきます。

色を変える　⇒　coler="#CC0000"

大きさを変える　⇒　size="1"

--------------------

<font color="#CC0000" size="5">サイズは５で、赤色</font>

サイズは５で、赤色

--------------------

『英数字ばっかり・・・覚えられるか！』
 

覚えなくても、コピペでいいんですよ。
最初のうちはスペルミスもしますから、コピペをオススメします。

コピペして、カラーコードと数値を書き換えてみてください。

『カラーコードって何？』
 

上の#CC0000がカラーコードです。
これは赤ですが、#から後の６桁の英数字を変えると色が変わります。
５桁になったり７桁になったりすると反映されませんのでご注意ください。

色の種類や色味を見たいなら、「カラーコード」「カラーチャート」で検索してみてください。
カラーコードを紹介しているサイトは沢山ありますので、自分が見やすいサイトをブックマークしておきましょう。

『サイズの数字は何でもいいんだな』
 

いいえ、１?７までです。数字が小さいほど文字も小さくなります。

『なんとなくわかった』

次回は「よく使うフォント関連タグ」をやりましょう。
MovableType、ネットショップ運営で絶対に見掛けるタグですね。

『別に楽しみってほどでもないけどな！』

お楽しみに！

2009年12月16日