html插入圖片的示例代碼詳細說明(圖)
發表時間:2023-12-30 來源:明輝站整理相關軟件相關文章人氣:
[摘要]網頁圖片的基本格式: HTML的相關標準中并沒有規定圖片的格式,原則上來說是任意的。但是目前市場上的主流瀏覽器對網頁圖片的格式有所要求,通常情況下是:JPEG(聯合圖像專家組)和GIF(圖像交換格式)兩種格式的圖片;至于兩種圖片的一些特點和各自的優缺點,可通過百度自行搜索。插入圖片: ...
網頁圖片的基本格式: HTML的相關標準中并沒有規定圖片的格式,原則上來說是任意的。但是目前市場上的主流瀏覽器對網頁圖片的格式有所要求,通常情況下是:JPEG(聯合圖像專家組)和GIF(圖像交換格式)兩種格式的圖片;至于兩種圖片的一些特點和各自的優缺點,可通過百度自行搜索。
插入圖片:
插入圖片可以起到適當的美化作用。而插入圖片的標簽只有一個<img>標簽,它允許在文檔當前的文本流中引用或者插入圖像圖像,沒有結束標簽</img>。
<img>標簽:


①<img>標簽中src屬性是必須的(除非在基于IE的瀏覽器中使用Dynsrc)在<img>標簽中,其他屬性都是可選的
②src的值是圖像的URL(統一資源定位符)
③alt屬性指定了替代文本(圖像無法顯示或者用戶禁用圖像時顯示的替代文本;或者鼠標放到圖像上顯示的提示信息)
④width和height屬性設置圖像尺寸,要求必須是整數(順序無所謂)
⑤border屬性和一個用像素表示的寬度值就可以去掉(border=0)或者加寬圖像的邊框
⑥align屬性來控制帶有文字環繞的圖像的對其方式,align屬性具體的屬性值如下:

⑦hspace和vspace屬性分別設置圖像左右兩邊和上下兩邊文字與圖像之間距離的像素值
代碼展示:

運行結果展示:

利用<img>標簽插入AVI視頻:
AVI是視頻文件的主流格式。這種格式的文件隨處可見,例如一些游戲、教育軟件的片頭等都會應用到AVI。而利用<img>標簽的controls、dynsrc、loop或者start等屬性允許將一個內聯電影嵌入到主體內容中。
代碼展示:
<img dysrc="file:///D /123/456/{張宇} 高數/2015張宇高數強化班/0第0講 導學/04 數三內容安排.avi" width="400" height="300" />
注意:值得一提的是start的屬性值。
start有兩個屬性值:mouseover當鼠標滑動到AVI文件上方后播放;fileopen當網頁打開時即播放。
<img dysrc="file:///D /123/456/{張宇} 高數/2015張宇高數強化班/0第0講 導學/04 數三內容安排.avi" width="400" height="300" start="fileopen"/>
以上就是html插入圖片的示例代碼詳解(圖)的詳細內容,更多請關注php中文網其它相關文章!
網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。