背景に画像を使う方法 : STEP4 【 HTMLに画像を張ってみよう】

ホームページ作成の基礎から、HTMLタグやスタイルシート、JavaScriptを使ったHP作成方法、アクセスアップの秘訣を紹介。

ホームページ入門

初めてのホームページ

作成に必要なもの

レンタルサーバ選び

HPを作ってみよう

拡張子の表示

フォルダ、ファイル作成

HTMLタグの入力

画像を張る

画像について

画像の準備

画像の張り方

背景に画像を使う

サイト内リンク

他サイトへのリンク

FTPの使い方

完成までの流れ

気をつけたいこと

　背景に画像を使う方法

背景に画像を設定しよう！

それでは次に、背景に画像を設定して表示させて見ましょう。
まずは下記をご覧ください。

～（上略）～
<body background="image/bg.gif">
<div align="center">
<img src="image/title.gif">
<hr width="300">
～（下略）～

上の赤い部分が背景を画像に設定するためのタグです。あれ？って思った方もいらっしゃると思いますが、ここには背景の色を設定する「bgcolor="#fffeee"」がありました。背景に画像を使う場合は、属性タグの「background="*"」を使います。
指定する方法は「src="*"」と同じように表示させたい画像を指定します。

それでは元々あった「bgcolor="#fffeee"」を消してから、上の赤い部分を入力し、更新してみてください。

拡大表示

上のように背景が変更されれば完了です。
（見えにくいので、上の画像をクリックして拡大画像をご覧ください。）
以上で画像については終了ですので、「STEP5」に進みましょう。

ページの上へ

前のページ

トップページ

STEP5 【リンクを張ろう：サイト内リンク編】

Copyright (C) 2007 ホームページ作成講座 All Rights Reserved.