ホームページを作ろう! 背景の設定

トップページへ
はじめに
基本タグ
文字タグ
画像タグ
リンクタグ
tableタグ
動くタグ
広告を貼ろう!


・背景を設定する

まずはじめに、背景を設定します。
たとえば先ほどのタグの<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>
  

サンプル

トップページへ    文字タグへ
おすすめリンク

ホームページ

FC2レンタルサーバーLite

サーバー・レンタルサーバー

アフィリエイト・SEO対策

カウンター

無料・レンタル・掲示板

FC2プロフ