html插入圖片的示例代碼詳細(xì)說明（圖）

HTML的相關(guān)標(biāo)準(zhǔn)中并沒有規(guī)定圖片的格式，原則上來說是任意的。但是目前市場上的主流瀏覽器對網(wǎng)頁圖片的格式有所要求，通常情況下是：JPEG(聯(lián)合圖像專家組)和GIF(圖像交換格式)兩種格式的圖片；至于兩種圖片的一些特點(diǎn)和各自的優(yōu)缺點(diǎn)，可通過百度自行搜索。

插入圖片：

插入圖片可以起到適當(dāng)?shù)拿阑�作用。而插入圖片的標(biāo)簽只有一個<img>標(biāo)簽，它允許在文檔當(dāng)前的文本流中引用或者插入圖像圖像，沒有結(jié)束標(biāo)簽</img>。

<img>標(biāo)簽：

①<img>標(biāo)簽中src屬性是必須的（除非在基于IE的瀏覽器中使用Dynsrc）在<img>標(biāo)簽中，其他屬性都是可選的

②src的值是圖像的URL（統(tǒng)一資源定位符）

③alt屬性指定了替代文本(圖像無法顯示或者用戶禁用圖像時顯示的替代文本；或者鼠標(biāo)放到圖像上顯示的提示信息)

④width和height屬性設(shè)置圖像尺寸，要求必須是整數(shù)(順序無所謂)

⑤border屬性和一個用像素表示的寬度值就可以去掉(border=0)或者加寬圖像的邊框

⑥align屬性來控制帶有文字環(huán)繞的圖像的對其方式，align屬性具體的屬性值如下：

⑦h(yuǎn)space和vspace屬性分別設(shè)置圖像左右兩邊和上下兩邊文字與圖像之間距離的像素值

代碼展示：

運(yùn)行結(jié)果展示：

利用<img>標(biāo)簽插入AVI視頻：

AVI是視頻文件的主流格式。這種格式的文件隨處可見，例如一些游戲、教育軟件的片頭等都會應(yīng)用到AVI。而利用<img>標(biāo)簽的controls、dynsrc、loop或者start等屬性允許將一個內(nèi)聯(lián)電影嵌入到主體內(nèi)容中。

代碼展示：

<img dysrc="file:///D	 /123/456/{張宇} 高數(shù)/2015張宇高數(shù)強(qiáng)化班/0第0講 導(dǎo)學(xué)/04 數(shù)三內(nèi)容安排.avi" width="400" height="300" />

注意：值得一提的是start的屬性值。

start有兩個屬性值：mouseover當(dāng)鼠標(biāo)滑動到AVI文件上方后播放；fileopen當(dāng)網(wǎng)頁打開時即播放。

<img dysrc="file:///D	 /123/456/{張宇} 高數(shù)/2015張宇高數(shù)強(qiáng)化班/0第0講 導(dǎo)學(xué)/04 數(shù)三內(nèi)容安排.avi" width="400" height="300" start="fileopen"/>

以上就是html插入圖片的示例代碼詳解（圖）的詳細(xì)內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！