素材共同組合
素材共同組合とは | 素材を求める方へ | 厳選バナーリンク | 著作権とは | お誕生日カード | 素材屋さん応援リンク

 

HTMLで背景画像を表示と背景の種類

 次にHTMLで背景画像を設定する方法を説明する。全体に背景画像を設定する場合は<BODY>タグに次のBACKGROUND属性で背景画像を設定する。よく素材屋さんにある背景の種類も説明します。

タイル背景

<HTML>
<HEAD>
<TITLE>背景画像の設定</TITLE>
</HEAD>

<BODY BACKGROUND="haikei1.gif">

</BODY>
</HTML>

指定した背景が左記のような背景素材を設定した場合は下記の用になります。

BACKGROUNDで指定した背景は標準ではタイルといって繰り返されて敷き詰められます。

全体(BODY)ではなく一部に背景を設定したい場合は<TABLE>などのタグにも

BACKGROUNDの属性は設定できます。これは<TABLE>の<TD>タグに設定しています。

 

横長の背景

上記のような背景画像を設定すると下記のようになります。htmlの指定の仕方は同じですが画像が横長の背景素材です。
横長の背景はブラウザ委の表示エリアより短いとタイルと同じように繰り返されて、思ったようにならない場合があるので横幅を確かめてから使う必要があります。最近、ディスプレイの解像度が大きくなっているので素材を作る方も少し長めに作っておいた方がいいかもしれません。欧米の背景はこのタイプが多いようです。

 

縦長の背景

左記のような縦長の画像を背景に指定すると右記のようになります。
横長の背景はブラウザの表示エリアより高さが低いと横長の画像と同じで思ったようにならない場合があるので横幅を確かめてから使う必要があります。最近、ディスプレイの解像度が大きくなっているので素材を作る方も少し長めに作っておいた方がいいかもしれません。

 画像ファイルの種類HTMLの画像表示素材のダウンロードの仕方
 HTMLで背景画像を表示 → スタイルシートを使うMIDIを流す

画像・MIDIについて

画像ファイルの種類
HTMLの画像表示
素材のダウンロードの仕方
HTMLで背景画像を表示
スタイルシートを使う
MIDIを流す

 
ピックアップコンテンツ 

素材共同組合サイトマップ
著作権とはなんだろう
利用規程を作ろう
君も素材屋になろう
組合イメージムービー(組合の意味)
厳選バナーリンク(ベスト素材サイト)

 
お勧めレンタルサーバー 

★可愛いレンタルサーバLOLIPOP!
月額125円からのレンタルサーバ