HTML之圖像標(biāo)簽

2019-07-26

　　在網(wǎng)頁(yè)中加入適當(dāng)?shù)膱D片可以使網(wǎng)頁(yè)豐富多彩，網(wǎng)站設(shè)計(jì)具有更強(qiáng)的吸引力。那么，如何實(shí)現(xiàn)在網(wǎng)頁(yè)中插人圖像呢?可以利用<img>標(biāo)簽在HTML文件中插入圖片。< img>標(biāo)簽的常見(jiàn)屬性如下：
　　(1) scr屬性:設(shè)置圖片的相對(duì)或絕對(duì)路徑。
　　(2) alt屬性:設(shè)置圖片的簡(jiǎn)單文本說(shuō)明。
　　(3) align屬性:設(shè)置圖片的對(duì)齊方式，取值有l(wèi)eft, right, top, middle和bottom。
　　(4) border屬性:設(shè)置圖片框線(xiàn)粗細(xì)。
　　(5) height屬性:設(shè)置圖片的高度。
　　(6) width屬性:設(shè)置圖片的寬度。
　　(7) hspace屬性:設(shè)置圖片的水平間距。
　　(8) vspace屬性:設(shè)置圖片的垂直間距。
　　(9) name屬性:設(shè)置圖片的名字。
　　(10) usemap屬性:設(shè)置熱點(diǎn)鏈接所在位置及名稱(chēng)。
　　(11) longdesc屬性:設(shè)置圖片的說(shuō)明文字。
　　(12) lowsrc屬性:設(shè)置低分辨率圖片的相對(duì)或絕對(duì)位置。

　　在上面這些屬性中，最常用的有兩個(gè)屬性:src和alt。
　　src屬性必須包含絕對(duì)路徑或是相對(duì)路徑。圖片可以是GIF文件、JPEG文件或是PNG文件。
　　瀏覽Web頁(yè)時(shí)經(jīng)常會(huì)發(fā)現(xiàn)，在有些情況下,例如由于瀏覽器的原因或者網(wǎng)絡(luò)出現(xiàn)問(wèn)題時(shí)，可能會(huì)造成圖片無(wú)法顯示。如果是裝飾性的圖片那還沒(méi)有太大影響，如果是與內(nèi)容緊密相關(guān)的圖片就會(huì)影響效果，因此，即使顯示不出來(lái)，也至少要告訴瀏覽者圖片大致是什么內(nèi)容。這時(shí)使用alt屬性就可以做到這一點(diǎn)。
　　width屬性和height屬性用于指定圖片在頁(yè)面中顯示的規(guī)格。一般來(lái)說(shuō)，如果不指定，則按原來(lái)的大小顯示?？梢灾付ń^對(duì)大小或相對(duì)大小，絕對(duì)大小以像素為單位，相對(duì)大小以百分比為單位。
　　如果只設(shè)定width屬性和height屬性中的一種，則瀏覽器會(huì)自動(dòng)根據(jù)圖片的寬高比率將另一個(gè)屬性也做出調(diào)整，以保證圖片不變形。但是如果兩者都設(shè)定的話(huà)，則有可能會(huì)造成圖像扭曲。

文章內(nèi)容來(lái)源于網(wǎng)絡(luò)，侵刪

知識(shí)產(chǎn)權(quán)

工商財(cái)稅

數(shù)字化建設(shè)

資質(zhì)認(rèn)證

人事服務(wù)

HTML之圖像標(biāo)簽

推薦閱讀