|
|
|
|
|
| 5. |
イメージ |
| 5.1 |
インラインイメージ
ページの中に画像を挿入する。
<img src="URL" alt="text" width="x" height="y" border="n" vspace="v" hspace="h" align="z">
|
|
| src="URL" |
画像が存在するパスとファイル名を指定する。 |
| alt="text" |
マウスで指した時に表示するテキストを指定する。
画像の説明、画像が表示出来ない時のメッセージに使用する。 |
| width="x" |
画像の横幅をピクセル数又は、％で指定する。実際の画像の横幅より小さくすれば縮小、大きくすれば拡大になる。 |
| height="y" |
画像の縦幅をピクセル数又は、％で指定する。実際の画像の縦幅より小さくすれば縮小、大きくすれば拡大になる。 |
| border="n" |
画像の境界線の太さを指定する。「0」にすると境界線が無くなる。 |
| vspace="v" |
画像の上下に余白を付ける。画像とテキストを分離する時に使用する。 |
| hspace="h" |
画像の左右に余白を付ける。画像とテキストを分離する時に使用する。 |
| align="z" |
画像の説明書きを付ける位置を指定する。
z=top,middle,bottom,left,center,right |
|
|
画像に透過処理を施したものは、背景色や背景イメージを透過して表示する事が出来ます。
透過処理は、画像を 256 以下に減色した後、透過したい１色を指定して透過処理を施します。
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
画像処理が行えるフリーソフトには次のものがある。
・IrfanView（日本語対応）
|
|
|
[例]
<img src="images/cat1.jpg" alt="猫" width="110" height="110" border="0" vspace="5" hspace="5">
100×100 ピクセルを 110 × 110 に拡大する
|
|
|
| 5.2 |
イメージとテキスト
画像の説明を記述する。
<img src="URL" valign="z" align="w">
|
|
[例]
<img src="images/cat2.jpg" border="0" vspace="5" hspace="5" align="right">猫の名は、すみチャンです。
 猫の名は、すみチャンです。
|
|
|
|
|
|
|
|
|
|
