HTML網(wǎng)頁圖片標記IMG學習教程

插入圖片標記

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

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

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

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

圖像的源文件屬性SRC

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

基本語法

語法解釋

通過src屬性指定路徑，F(xiàn)ile＿name為要插入圖像的路徑。

文件范例：9-1.htm

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

06
07
08
09

10

主流的網(wǎng)頁設計軟件

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

13

14

文件說明

第11行插入了JPEG格式的圖片文件。