04 背景画像の使用


 このページでは背景画像を指定してみましょう。背景画像自体は小さなものです。それを縦横に画面いっぱいに連続表示をします。

  1. 背景に画像を用いるには、壁紙用の画像ファイルが必要です。

    お好きな画像ファイルを index.html ファイルと同じフォルダに保存します。

    画像ファイル名は wallpaper.gif としましょう。

  2. index.html をダブルクリックしてページを表示します。

  3. 「メニューバー」の「表示」→「ソース」とクリックをして、→「ソース」を表示します。

  4. 「背景色の使用」で記述した BGCOLOR="#AAFFFF" を削除して、代りに BACKGROUND="wallpaper.gif" と記述します。



    <HTML>
    <HEAD>
    <TITLE>初めてのホームページ</TITLE>
    </HEAD>
    <BODY BACKGROUND="wallpaper.gif">
    <FONT SIZE="6" FACE="MS 明朝" COLOR="#FF0000"><B><I>私のホームページ</I></B></FONT>
    </BODY>
    </HTML>




  5. 入力が終わったら、→「ファイル」→「上書き保存」とクリックして、→「メモ帳」を閉じます。

  6. ブラウザの「更新」アイコンをクリックします。背景画像が表示されましたか?

 背景画像ファイルは、インターネットのサーチエンジンで、「壁紙」または「素材集」などのキーワードで検索すると沢山の壁紙素材集のホームページが見つかりますよ。


【関連ページ】

05 背景画像(壁紙)を固定表示する
06 背景画像(壁紙)を連続表示させない
30 背景画像(壁紙)を縦又は横だけに連続表示する