HTML網頁圖片標記

2019-10-26 17:23:28

字體：大中小

來源：轉載

供稿：網友

插入圖片標記<IMG>
今天看到的豐富多彩的網頁，都是因為有了圖像的作用。想一想過去，網絡中全部都是純文本的網頁，非常枯燥，就知道圖像在網頁設計中的重要性了。在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屬性指定圖像源文件所在的路徑，就可以完成圖像的插入了。

基本語法<img src="File＿name"> 語法解釋
通過src屬性指定路徑，File＿name為要插入圖像的路徑。文件范例：9-1.htm
通過<img>標記的src屬性插入圖片。
01 
02 
03 
04 
05 <html>
06 <head>
07 <title>插入圖片</title>
08 </head>
09 <body>

上一篇：XHTML常用標簽介紹

下一篇：按鈕在IE中兩邊被拉伸的 BUG