美容・健康・ファッション・インテリア・DVD・お花・ギフト 安全安心のお買い物

町工場ネット トップ  ◇サイトマップ ◇新規登録 ◇プライバシーポリシー ◇相互リンクの方法 ◇問い合わせ

町工場 | 総合 | 美容 | ファッション | インテリア | 家電 | 資格| 食料 | 個人開業 | 書籍 | ギフト | ホビー | CD・DVD

←前に戻る トップページ 内容一覧 次へ進む→
■文字の表示 「文字色の変更」
文字を表示してみましょう。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<META name="GENERATOR" content="IBM HomePage  Builder 2001 V5.0.2 for Windows">
<TITLE>サンプル02</TITLE>
</HEAD>
<BODY bgcolor="#ffffff" text="#000000">
<P>背景色は白です。<BR>
文字色は黒です。</P>
</BODY>
</HTML>

これがサンプル2のソースです。少し詳しく見てみましょう。
<>で囲んであるものをタグといいます。</ >の方を特に終了タグといいます。
   <HTML></HTML>
   <HEAD></HEAD>
   <BODY></BODY>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
この一行目は使用しているHTMLのバージョンです。これは決り文句です。
<HTML>と</HTML>が一番外側にあってそのなかに、<HEAD>〜</HEAD>、<BODY>〜</BODY>があります。これも決まりです。<HEAD>〜</HEAD>の間はタイトルや製作者のことなどを書き、この部分は基本的にページとしては表示されません。

ただし<TITLE>サンプル02</TITLE>のように<TITLE>で囲まれた部分はページのタイトルとして表示されます。
<BODY>〜</BODY>の間にページとして表示される情報を記述します。

<BODY bgcolor="#ffffff" text="#000000">
bgcolor="  " が背景色の指定です。” ”の中を変えると背景色が変わります。[#ffffff] は白です。

text="  " が文字色の指定です。背景色と同じように” ”の中を変えると文字色が変わります。 [#000000]  は黒です。

<P>〜</P>は文字の段落を示します。ひとかたまりの文字です。中の文字を好きなように変えていろいろ表示させてみてください。

<BR>は改行です。このように明示しないと表示した時に改行されません。またこれは閉じるタグ</>は必要ありません。ためしに<BR>を削除して表示させてみてください。文字が1行になって表示されます。

今回、いろいろ書き換えてみて試すのは  [#XXXXXX]  の部分と、<BR>  の位置です。

<BODY bgcolor=" #ffffff" text="#000000">
<P>背景色は白です。<BR>
文字色は黒です。</P>
</BODY>

たとえば

<BODY bgcolor="#00ff00" text="#ff0000">
<P>背景色は白です。<BR>
文字色は黒です。</P>
</BODY>

にすると、背景は緑で、文字は赤になります。文字は何文字でも入力できます。<BR>は文字の間でも、句読点の間でもどこにでもいくつでも入れられますのでいろいろ試してください。

□ サンプル2を表示する(新しいタブで開きます)

一行づつ文字色を変えたサンプルです。
□ サンプル3を表示する(新しいタブで開きます)

この場合は
<BODY bgcolor="#ffffff" text="#000000">ではなく
<FONT color="#009900">一行づつ色を変えて</FONT>となっています。これは一行ごとに異なる色を指定するためです。  
←前に戻る トップページ 内容一覧 次へ進む→