HTML網頁圖片標籤_HTML/Xhtml_網頁製作

插入圖片標記
今天看到的豐富多彩的網頁，都是因為有了圖像的作用。想想過去，網路中全部都是純文字的網頁，非常枯燥，就知道圖像在網頁設計中的重要性了。在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檔案說明
第11行插入了JPEG格式的圖片檔案。