HTML網頁圖片標記IMG學習教程

插入圖片標記

今天看到的豐富多彩的網頁，都是因為有了圖像的作用。想一想過去，網絡中全部都是純文本的網頁，非常枯燥，就知道圖像在網頁設計中的重要性了。在html頁面中可以插入圖像，網頁常用的圖像格式有JPEG和GIF兩種：

JPEG(Joint Photographic Experts Group)是特別為照片圖像設計的文件格式。JPEG支持數百萬種色彩。JPEG是質量有損耗的格式，這意味著在壓縮時一些圖像數據被丟失了，這降低了最終文件的質量。然而圖像數據被拋棄得很少，不會在質量上有非常明顯的不同。

圖形交換格式GIF是網頁圖像中很流行的格式。雖然它僅包括256種色彩，但GIF提供了出色的、幾乎沒有丟失的的圖像壓縮。并且GIF可以包含透明區域和多動畫。它靠水平掃描像素行找到固定的顏色區域進行壓縮，然后減少同一區域中的像素數量。因此GIF 通常適應于卡通、圖形、Logo、帶有透明區域的圖形、動畫等。

頁面中插入圖片可以起到美化的作用。插入圖片的標記只有一個，那就是標記。插入圖片的時候，僅僅使用標記是不夠的，需要配合其它的屬性來完成，如下表所示。

屬性	描述
src	圖像的源文件
alt	提示文字
width,height	寬度、高度
border	邊框
vspace	垂直間距
hspace	水平間距
align	排列
dynsrc	設定avi文件的播放
loop	設定avi文件循環播放次數
loopdelay	設定avi文件循環播放延遲
start	設定avi文件播放方式
lowsrc	設定低分辨率圖片
usemap	映象地圖

圖像的源文件屬性SRC

配合src屬性指定圖像源文件所在的路徑，就可以完成圖像的插入了。

基本語法

語法解釋

通過src屬性指定路徑，File＿name為要插入圖像的路徑。

文件范例：9-1.htm

通過標記的src屬性插入圖片。
01
02
03
04
05

06
07
08
09

主流的網頁設計軟件

11
12 目前，網頁技術進入了一個新的階段，現在的網頁再也不是圖片的堆積和枯燥無味的文本了，人們現在追求的是網頁的動態效果和交互性。而Macromedia公司的網頁設計三劍客軟件Dreamweaver、Flash、Fireworks正是交互性網頁設計的杰出代表，其最新版本mx 2004繼承了前期版本的優點，進行了功能的進一步整合，非常適合于網頁設計和網站建設的需要。