HTML網(wǎng)頁(yè)圖片標(biāo)記_XHTML教程

教程Tag：暫無Tag,歡迎添加,賺取U幣!

插入圖片標(biāo)記<IMG>

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

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

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

頁(yè)面中插入圖片可以起到美化的作用。插入圖片的標(biāo)記只有一個(gè)，那就是<img>標(biāo)記。插入圖片的時(shí)候，僅僅使用<img>標(biāo)記是不夠的，需要配合其它的屬性來完成，如下表所示。

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

圖像的源文件屬性SRC

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

基本語法: <img src="File＿name">

語法解釋

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

文件范例：9-1.htm

通過<img>標(biāo)記的src屬性插入圖片。
01 
02 
03 
04 
05 <html>
06 <head>
07 <title>插入圖片</title>