課題８　ホームページ上の文字を装飾するには？　～文字に色を付けるには～

今日の研修内容

　ホームページに文字を表示させる方法、そして適当な箇所で改行する方法は理解できましたね。でも、いろいろなホームページを見てみると、文字の大きさや色に工夫がされており、見やすくなっています。
　今日は、文字の色やサイズを変える方法を身につけましょう。

＜手順＞

（１）文字サイズの変更

「メモ帳」で「sample1.htm」ファイルをメモ帳で開きます。

<HTML>
　（略）
</HEAD>
<BODY>
<H1>○○○学校の紹介</H1>
現在、通信講座「ホームページの作成」の研修を行っています。・・・・・・・・・④
今までに「タイトル」「見出し」「文字（テキスト）」の表示のさせ方についての内容でした。これからもがんばっていきましょう。 
（略）

④を現在、通信講座＊＊＊行っています。とし、上書き保存します。
ネットスケープで表示させ、文字の大きさが変化したことを確認します。

（演習）SIZEの数字をいろいろ変え、「保存」・「再読込」してみましょう。
　　　　　　　　　　　　　　（数字は１から７の間で、大きい数字ほど大きく表示される）

（２）文字色の変更

（１）のメモ帳で、現在、通信講座＊＊＊行っています。と付加し、上書保存します。
ネットスケープで再表示させ、文字色が変化したことを確認します。

（演習）"#FF0000"の部分をいろいろ変え、「保存」・「再読込」してみましょう。

#FFFFFF 白 #000000 黒 #FF0000 赤 #00FF00 緑

#0000FF 青 #FFFF00 黄 #FF00FF ピンク #00FFFF 水色

ワンポイントアドバイス
　色の作成方法が面倒な場合には、英語で記述することもできるようになっています。
、、などの表記も有効です。

＜まとめ＞

文字フォントの設定をしなければ、すべて同じ文字書式で表示されます。背景や貼り付ける画像等に合った文字フォントを設定するには、やのタグを使います。

＜キーワード＞
　　○○○　　　　　　文字サイズの設定
　　○○○　　文字色の設定

作成者	田中正己
所　属	岐阜県教育センター

通信講座	岐阜県教育センター
第３章　ホームページの作成

第３章 ホームページの作成

第３章　ホームページの作成