文字の装飾タグ

(1)色変え <FONT COLOR="">  字の大きさ変え<FONT SIZE= >
フォント変え<FONT FACE="">

さて、ではいよいよ本格的に文字の装飾をしてみましょう。今からやる文字の飾り方はこれからも多用すると思うので、しっかりと覚えた方がいいかもしれません。まず以下のように記述してみましょう。

<FONT COLOR="blue">これがあたしの好きな色</FONT>
<P>

<FONT SIZSE=5 >大きいのが好き</FONT>
<P>

<FONT FACE="MS P明朝">渋くいきましょう</FONT>
<P>(フォントの名前はコピーして使えば上手くいくと思います)

 私が作ったサンプルはこのようになりました。文字はちゃんと変化しています?ちなみに文字のサイズは-6〜7の 範囲で指定してください。しかしこれだと、同じ文字を大きくして色変えしてフォント変えしたい時、FONTタグを何度も定義しなければならず面倒くさいですよね。HTMLにはこれを省略できる機能がついています。その記述の仕方は以下の通りです。

<FONT COLOR="blue" SIZE=5  FACE="MS P明朝">

(これは失敗したと思う出来事を書いてみましょう)

</FONT>

私の作ったサンプルはこのようになりました。どうでしょう。これだとFONTタグの定義が一度で済み、手軽な上にデータ的にも小さく済んでお得です。ただ、ここで注意が一つあります。 この便利な記述方法も、FONTの中に入れるタグの順番次第で 効果が消えることがあるということです。例えばFACEを先に 定義してその後にSIZEの定義をするとSIZEの定義が無効になり、 フォントのサイズが変化しません。おそらくタグの中に優先順位が あるからそうなると思うのですが、記述は合っているはずなのに 変化しないような事があった場合、ちろっと順番を替えて再度試して みて下さい。

(2)太文字<B> 斜体 <I> 下線 <U> 抹消線 <S> 上付添字 <SUP> 下付添字 <SUB>

これはタイトルを見ただけでどんな働きをするか察する事が出来る と思うので、説明抜きで一気に使い方説明します。

<B>
  一休さん
</B><P>

<I>
  双頭の鷲
</I><P>

<U>
  三つ目が通る
</U><P>

<S>
  四天王
</S><P>

五<SUP>
  五芒星
</SUP><P>

  

六<SUB>
  六歌仙
</SUB><P>

サンプルです。さて、これで直接文字を飾る 一般的なタグは覚えたことにして、次はこれらを同時に使った絡め手を試してみましょう。 大丈夫、そんな難しいもんじゃないです。コンセントにプラグを挿し込む 程度の、簡単な組み合わせです。 やりかたは見てもらったほうが早いので、レッツトライです。

<B><U><I>
たまには温泉もいいよね
</I></U></B>
<P>

<CENTER>
<FONT COLOR="green" SIZE=5 FACE="MS 明朝"><B>
露天風呂で花見酒
</B></FONT>
</CENTER>

サンプルはこんな感じです。 上手くいきましたか?
後はこの要領でどんな文字でも作れるはず。 自分自身で見つけてみましょう。
それもまた作る楽しみの一つです。

HOMEに戻る