サラリーマンの副業@サラリーマンの副業ポータルサイト-へそくりできるかなHTML基本技術編 > HTML-背景の編集

HTML-背景の編集

今度は更に背景を改造してみましょう。ここでは、
  1. 背景色を変える
  2. 背景に壁紙を使用する
というように背景を修飾するタグにチャレンジしてみます。

背景の編集

前のページで作成した「index.html」を以下のように変更してください。

index.htmlの変更その1 背景色を変える


<HTML>
  <HEAD>
    <TITLE>ホームページの練習</TITLE>
  </HEAD>
  <BODY BGCOLOR="aqua">
    <CENTER>
	<FONT SIZE="7"><B>私の<I>ホームページ</I>
         にようこそ!</FONT></B><BR>
	<FONT COLOR="BLUE">これから色々作成していきます。
         ごゆっくりどうぞ</FONT>
	</CENTER>
  </BODY>
</HTML>



背景色を変更するには?

背景色や壁紙の指定は<BODY>タグのBGCOLOR属性(アトリビュート)
タグで行います。
背景色を指定する場合は<BODY BGCOLOR="nnnnnn">
と記述します。nnnnnnには色名を指定します。
(上の例では、背景色にaqua(アクア)を指定しています)


↑上で説明したタグを打ち込みブラウザで表示するとこうなります

index.htmlの変更その2 背景に画像ファイルを使う


「back.gif」は、下の画像を右クリックして
【名前を付けて画像を保存】から取得してください。
<HTML>
  <HEAD>
    <TITLE>ホームページの練習</TITLE>
  </HEAD>
  <BODY BACKGROUND="back.gif">
    <CENTER>
	<FONT SIZE="7"><B>私の<I>ホームページ
         </I>にようこそ!</FONT></B><BR>
	<FONT COLOR="BLUE">これから色々作成していきます。
         ごゆっくりどうぞ</FONT>
    </CENTER>
  </BODY>
</HTML>

背景に壁紙(画像ファイル)を使用するには?

壁紙を指定する場合は<BODY BACKGROUND="画像ファイル名">
と記述します。画像ファイルには、gif形式やjpg形式のファイルが使用出来ます。


画像ファイルを指定する場合には、
画像ファイルの置いてあるフォルダ(ディレクトリ)までの
パス(道筋)を正確に記述してやる必要があります。



この例では、index.htmlと同じフォルダに画像ファイルが
あるものと仮定しています。



↑上で説明したタグを打ち込みブラウザで表示するとこうなります

投稿者 hana : 2006年01月23日 17:03

 

当サイトで紹介している情報への登録などは、内容を自分自身でご確認のうえ、実施して頂くようお願い致します。
当サイトに掲載している情報を利用し、いかなる被害や損害があっても当サイトは一切の責任を負いません。

© 2003~ サラリーマンの副業@サラリーマンの副業ポータルサイト-へそくりできるかなAll Rights Reserved.