在網(wǎng)頁中加入適當(dāng)?shù)膱D片，可以使網(wǎng)頁豐富多彩，使網(wǎng)站設(shè)計(jì)更具吸引力。那么，如何在網(wǎng)頁中插入圖片呢？您可以使用 標(biāo)簽在HTML 文件中插入圖片。 img標(biāo)簽的常用屬性如下：

(1) scr屬性：設(shè)置圖片的相對(duì)或絕對(duì)路徑。

(2) alt屬性：設(shè)置圖片的簡(jiǎn)單文字描述。

(3)align屬性：設(shè)置圖片的對(duì)齊方式，取值分別為左、右、上、中、下。

(4) border屬性：設(shè)置圖片邊框的粗細(xì)。

(5)height屬性：設(shè)置圖片的高度。

(6)width屬性：設(shè)置圖片的寬度。

(7) hspace屬性：設(shè)置圖片的水平間距。

(8)vspace屬性：設(shè)置圖片的垂直間距。

(9)name屬性：設(shè)置圖片的名稱。

(10)usemap屬性：設(shè)置熱鏈接的位置和名稱。

(11)longdesc屬性：設(shè)置圖片的說明文字。

(12)lowsrc屬性：設(shè)置低分辨率圖片的相對(duì)或絕對(duì)位置。

在以上屬性中，最常用的兩個(gè)屬性是：src和alt。

src 屬性必須包含絕對(duì)路徑或相對(duì)路徑。圖像可以是GIF 文件、JPEG 文件或PNG 文件。

在瀏覽網(wǎng)頁時(shí)，經(jīng)常會(huì)發(fā)現(xiàn)在某些情況下，例如由于瀏覽器問題或網(wǎng)絡(luò)問題，圖片可能無法顯示。如果是裝飾性的圖片，影響不大，但如果是與內(nèi)容密切相關(guān)的圖片，就會(huì)影響效果。因此，即使不能展示，至少也要告訴觀者這幅畫講的是什么。這可以使用alt 屬性來完成。

width 屬性和height 屬性用于指定頁面顯示圖片的規(guī)格。一般情況下，如果不指定，將以其原始大小顯示。您可以指定絕對(duì)大小或相對(duì)大小，絕對(duì)大小以像素為單位，相對(duì)大小以百分比為單位。

如果只設(shè)置了width和height屬性中的一個(gè)，瀏覽器會(huì)根據(jù)圖片的寬高比自動(dòng)調(diào)整另一個(gè)屬性，保證圖片不變形。但如果兩者都設(shè)置，可能會(huì)導(dǎo)致圖像失真。

我們專注高端建站，小程序開發(fā)、軟件系統(tǒng)定制開發(fā)、BUG修復(fù)、物聯(lián)網(wǎng)開發(fā)、各類API接口對(duì)接開發(fā)等。十余年開發(fā)經(jīng)驗(yàn)，每一個(gè)項(xiàng)目承諾做到滿意為止，多一次對(duì)比，一定讓您多一份收獲！