絵や写真を挿入してみよう


絵や写真をページに挿入する

絵や写真などのグラフィクスを入れると、Webの画面がより一層華やかになりま す。例えば、図のような写真(ファイル名panda1.jpg)をページに挿入するためには、以下のように指定します。
<CENTER>
<IMG SRC="panda1.jpg" HEIGHT=270 WIDTH=400> <BR>
<B> Panda </B>
</CENTER>


Panda

文字を絵の左または右に表示するためには、
<IMG SRC="filename" ALIGN=LEFT(RIGHT)>
とすることで、絵の左寄せや右寄せも可能になります。

絵や写真をバックグラウンドにする

ページのバックグラウンドの色を変えたり、絵をバックグラウンドにすることもできます。例えば、バックグラウンドの色を白にするには、<BODY>タグ中で、
<BODY BGCOLOR="#ffffff">
とします。ここで、"#・・・"の部分は3連16進数表示で色を指定します。3連とは、色の3原色である赤、青、緑を示し、それぞれの色は0から255までの数値を取り、その数値によって色の強弱が示されます。0はまったく色がなく、255はその原色ということを表します。この3連の色の組み合わせによってさまざまな色を作り出すことができます。その組み合わせを16進数に変換したものが3連16進数です。どのような色があるかは、3連16進数表記の色対応表を参照してみてください。

また、絵をバックグラウンドにするには、バックグラウンドにしたい絵のファイル名を次のように指定します。
<BODY BACKGROUND="filename">

イメージサンプル集からイメージをダウンロードできます。