文字に色を着けてみる
今回は、見出しタグと段落タグで少しホームページらしいものを作成して文字に色を指定しましょう。
今回新しく使用するタグは、次のタグです。
＜font color="★"＞～＜/font＞
「★」は、色を指定します。
色に関する説明は、次回にします。
まず、次のようにエディターに記述してください。
-------------------------------------------------------------------------------
＜html＞
＜head＞
＜title＞私のホームページ＜/title＞
＜/head＞
＜body＞
＜h1＞ホームページの練習開始＜/h1＞
＜h2＞タグ打ち＜/h2＞
＜p＞
今日から、ホームページを作る練習を始めた。＜br＞
エディターでタグを打ち込むのは、意外と楽しい。＜br＞
打ち間違いが、あって上手く表示しないときは、少し悩んでしまう。＜br＞
でも、間違ったところを発見して上手く表示したときは、「ヤッター！」と＜br＞
思ってしまう。
＜/p＞
＜h2＞見出しタグと段落タグ＜/h2＞
＜p＞
まだ、見出しタグと段落タグしか覚えていないけれど＜br＞
この二つだけで作ってみた。＜br＞
なんか、少しホームページらしくなったような気がする。＜br＞
少し、うれしい。次のタグが、どんなのか楽しみだ。
＜/p＞
＜/body＞
＜/html＞
-------------------------------------------------------------------------------
出来たら、保存してブラウザーで確認してください。
このように表示していればオッケーです。
次にこのページに背景の色と文字の色を指定していきます。
今、記述したソースに次の「赤色」で表示しているタグを追加してください。
-------------------------------------------------------------------------------
＜html＞
＜head＞
＜title＞私のホームページ＜/title＞
＜/head＞
＜body bgcolor="yellow"＞
＜h1＞＜font color="red"＞ホームページの練習開始＜/font＞＜/h1＞
＜h2＞＜font color="blue"＞タグ打ち＜/font＞＜/h2＞
＜p＞＜font color="teal"＞
今日から、ホームページを作る練習を始めた。＜br＞
エディターでタグを打ち込むのは、意外と楽しい。＜br＞
打ち間違いが、あって上手く表示しないときは、少し悩んでしまう。＜br＞
でも、間違ったところを発見して上手く表示したときは、「ヤッター！」と＜br＞
思ってしまう。
＜/font＞＜/p＞
＜h2＞＜font color="blue"＞見出しタグと段落タグ＜/font＞＜/h2＞
＜p＞＜font color="teal"＞
まだ、見出しタグと段落タグしか覚えていないけれど＜br＞
この二つだけで作ってみた。＜br＞
なんか、少しホームページらしくなったような気がする。＜br＞
少し、うれしい。次のタグが、どんなのか楽しみだ。
＜/font＞＜/p＞
＜/body＞
＜/html＞
--------------------------------------------------------------------------------
追記できたら、保存してブラウザーで確認してください。
保存は、見比べたい場合は、最初に保存したものと違うファイル名で保存してください。
このように表示していればオッケーです。
【説明】
＜body bgcolor="yellow"＞
これは、ページの背景色を指定しています。
bgcolor="★" 「bgclor」は、background color(バックグラウンドカラー)のことです。
＜h1＞＜font color="red"＞ホームページの練習開始＜/font＞＜/h1＞
文字の色を指定しています。
＜font color="★"＞～＜/font＞の開始タグと終了タグで構成されます。