今日私が見たカラフルなWebページはすべて、画像の効果があるためです。考えてみてください。インターネット上のWebページはすべて非常に退屈なプレーンテキストであり、Webデザインの画像の重要性を知っています。画像はHTMLページに挿入できます。 Webページで一般的に使用される画像形式は、JPEGとGIFです。
JPEG(共同写真の専門家グループ)は、写真画像用に設計された並外れたファイル形式です。 JPEGは何百万色をサポートしています。 JPEGは品質の損失のある形式です。つまり、圧縮中に一部の画像データが失われ、最終ファイルの品質が低下します。ただし、画像データはほとんど破棄されず、品質に非常に大きな違いはありません。
グラフィック交換形式GIFは、Web画像で非常に人気のある形式です。 256色しか含まれていませんが、GIFは優れた画像圧縮の損失をほとんど提供しません。 GIFには、透明な領域と複数のアニメーションを含めることができます。ピクセル行を水平にスキャンして固定色の領域を見つけて圧縮し、同じ領域のピクセル数を減らします。したがって、GIFは通常、漫画、グラフィック、ロゴ、透明な領域を備えたグラフィックス、アニメーションなどに適しています。
写真をページに挿入すると、それを美しくすることができます。画像を挿入するタグは1つだけです。つまり、<img>タグです。画像を挿入する場合、<img>タグだけを使用するだけでは不十分であり、次の表に示すように、他の属性を完了する必要があります。
| 財産 | 説明する |
|---|---|
| SRC | 画像ソースファイル |
| alt | プロンプトテキスト |
| 幅、高さ | 幅、高さ |
| 国境 | フレーム |
| vspace | 垂直間隔 |
| Hspace | 水平間隔 |
| 整列します | 配置 |
| dynsrc | AVIファイルの再生を設定します |
| ループ | AVIファイルがループを再生する回数を設定します |
| ループデレー | AVIファイルのループ再生遅延を設定します |
| 始める | AVIファイル再生方法を設定します |
| lowsrc | 低解像度の写真を設定します |
| usemap | 画像マップ |
SRC属性を使用して画像ソースファイルのパスを指定することにより、画像挿入を完了できます。
SRC属性を通るパスを指定し、File_Nameは画像を挿入するパスです。
<img>でマークされたSRC属性を介して画像を挿入します。
01 <! - ------------------------------->
02 <! - ファイルの例:9-1.htm->
03 <! - ファイルの説明:画像を挿入 - >
04 <! - ------------------------------->
05 <HTML>
06 <ヘッド>
07 <Title>挿入画像</title> 2ページ前の前のページ12次のページ