|
・背景を設定する
まずはじめに、背景を設定します。
たとえば先ほどのタグの<body>の部分を消して、
<body bgcolor=#0000ff>と入力してみてください。下のようになります。
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=Shift_JIS">
<title>ここにホームページのタイトルを入力</title>
</head>
<body bgcolor=#0000ff>
こんにちは。これはサンプルです。ここに本文を入力します。
</body>
</html>
|
これで、上書き保存し、もう一度開いてみましょう。
すると、背景が真っ青になっているはずです。
サンプル
真っ青になっていましたね。
bodyの後に入力した、bgcolorというのは、background color(背景色)
の略です。そして、=の後の#0000ffというのは、カラーコードといわ
れるものです。
・カラーコードについて
カラーコードは四つのパーツから成り立っています。
はじめの#はただのお約束で、カラーコードが始まるとときに必ず付け
てください。次の二文字は赤の強さの度合い。次の二文字が、緑の
強さの度合い、その次の二文字が青の強さの度合いを表していて、
光の三原色です。0が一番弱く(暗く)fが一番強いです。
そのため、#000000と全部0にすると真っ黒になり、
#ffffffと全部fにすると真っ白になります。
←弱(暗) 強(明)→
0 1 2 3 4 5 6 7 8 9 a b c d e f
|
さっきbodyに入力した、#0000ffは、赤と緑が最弱で、青を最強という
意味です。なので、真っ青になりました。
慣れるまでは、カラーコード表を使いましょう。
カラーコードで検索すればでてきます。
・背景に画像を設定する。
次に、背景に画像を使う場合は、まず、背景にしたい画像を探してくる
必要があります。はじめは、簡単なので、GIFのファイルを探してください 。
GIFファイルは素材を無料で配布しているサイトにいくとダウンロードすることが
できます。(GIF 素材 無料などで検索してみてください。)
*自分のパソコン内にある場合は、それでもかまいません。
GIFファイルかどうかを確かめるには、ファイル上で右クリックして
プロパティを見てください。プロパティにファイルの種類がGIFイメージと
なっていたらGIFファイルです。
背景画像だけにかかわらず、自分のホームページで使用したいファイルは、
すべて、HTMLドキュメントと同じフォルダ内にいれてください。
一つのホームページで使うものは、画像でも、HTMLでも同じフォルダに
入れる必要があります。
そして、必ず、半角英数で名前をくけてください。
bodyの後にbackbroound="画像ファイルの名前.gif"と入力すれば、
この画像が背景になります。
たとえば、ファイルの名前が、haikeiなら以下のようになります。
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=Shift_JIS">
<title>ここにホームページのタイトルを入力</title>
</head>
<body background="haikei.gif" >
こんにちは。これはサンプルです。ここに本文を入力します。
</body>
</html>
|
サンプル
トップページへ
文字タグへ
|
|