背景に画像を使う

背景に画像を使用するには、<body>タグの中にbackground属性を用いて指定する方法です。<body>タグの中に background="画像のURL" と記述します。
ただし、HTMLで画像設定をすることは非推奨とされているので、できるだけスタイルシートで設定した方がよいでしょう。

<body background="画像のURL">記述例
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> ヘッダー情報 <title>タイトル</title> ヘッダー情報 </head> <body background="./bgimage.jpg"> 背景に画像を使ってみます。画像は背景ですから、その上に文字が表示されます。背景画像はスタイルシートなどの設定を使うと、画像の繰り返し方法や画像の表示位置、スクロールしたときの画像の状態(画面をスクロールさせると一緒にスクロールするか、それとも画面をスクロールさせても固定した状態か)などを細かく設定できます。 </body> <html> 表示状態
背景に画像を使ってみます。画像は背景ですから、その上に文字が表示されます。背景画像はスタイルシートなどの設定を使うと、画像の繰り返し方法や画像の表示位置、スクロールしたときの画像の状態(画面をスクロールさせると一緒にスクロールするか、それとも画面をスクロールさせても固定した状態か)などを細かく設定できます。

<body background="画像のURL">記述例

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
ヘッダー情報
<title>タイトル</title>
ヘッダー情報
</head>
<body background="./bgimage.jpg">
背景に画像を使ってみます。
画像は背景ですから、その上に文字が表示されます。
背景画像はスタイルシートなどの設定を使うと、画像の繰り返し方法や画像の表示位置、スクロールしたときの画像の状態(画面をスクロールさせると一緒にスクロールするか、それとも画面をスクロールさせても固定した状態か)などを細かく設定できます。
</body>
<html>

表示状態

背景に画像を使ってみます。
画像は背景ですから、その上に文字が表示されます。
背景画像はスタイルシートなどの設定を使うと、画像の繰り返し方法や画像の表示位置、スクロールしたときの画像の状態(画面をスクロールさせると一緒にスクロールするか、それとも画面をスクロールさせても固定した状態か)などを細かく設定できます。