今天看到的豐富多彩的網頁，都是因為有了圖像的作用。想一想過去，網絡中全部都是純文字的網頁，非常枯燥，就知道圖像在網頁設計中的重要性了。在html頁面中可以插入圖像，網頁常用的圖像格式有jpeg和gif兩種：
jpeg(joint photographic experts group)是特别為照片圖像設計的檔案格式。jpeg支援數百萬種色彩。jpeg是品質有損耗的格式，這意味着在壓縮時一些圖像資料被丢失了，這降低了最終檔案的品質。然而圖像資料被抛棄得很少，不會在品質上有非常明顯的不同。
圖形交換格式gif是網頁圖像中很流行的格式。雖然它僅包括256種色彩，但gif提供了出色的、幾乎沒有丢失的的圖像壓縮。并且gif可以包含透明區域和多動畫。它靠水準掃描像素行找到固定的顔色區域進行壓縮，然後減少同一區域中的像素數量。是以gif 通常适應于卡通、圖形、logo、帶有透明區域的圖形、動畫等。
頁面中插入圖檔可以起到美化的作用。插入圖檔的标記隻有一個，那就是<img>标記。插入圖檔的時候，僅僅使用<img>标記是不夠的，需要配合其它的屬性來完成，如下表所示。
屬性 描述 src 圖像的源檔案 alt 提示文字 width,height 寬度、高度 border 邊框 vspace 垂直間距 hspace 水準間距 align 排列 dynsrc 設定avi檔案的播放 loop 設定avi檔案循環播放次數 loopdelay 設定avi檔案循環播放延遲 start 設定avi檔案播放方式 lowsrc 設定低分辨率圖檔 usemap 映象地圖 圖像的源檔案屬性src
配合src屬性指定圖像源檔案所在的路徑，就可以完成圖像的插入了。