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

插入圖片：

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

img 標(biāo)簽：

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

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

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

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

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

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

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

代碼展示：

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

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

AVI是視頻文件的主流格式。這種格式的文件隨處可見，例如一些游戲、教育軟件的片頭等都會(huì)應(yīng)用到AVI。而利用 img 標(biāo)簽的controls、dynsrc、loop或者start等屬性允許將一個(gè)內(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有兩個(gè)屬性值：mouseover當(dāng)鼠標(biāo)滑動(dòng)到AVI文件上方后播放；fileopen當(dāng)網(wǎng)頁(yè)打開時(shí)即播放。

 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)容，html教程

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。