<img>元素(圖片元素)
屬性:
src:設置圖片位置
width :寬度
height :高度
alt:設置圖片的備用內容,當圖片消失時幫助用戶了解該圖內容
<img src = "圖片地址" width ="128px" height = "128px" >
- 如何用圖片來超連結?
<a herf = "www.google.com" target = "google">
<img src = "圖片地址" width ="128px" height = "128px" >
</a>
- 創建分區響應圖
同張圖中,點擊不同區域可以到不同地方
元素:
<map>:創建分區
<area>:創造出代表各圖像的區域
裡面有兩種屬性
1.點擊後導到指定url(用href)
2.shape和coords標明可以點擊的各個圖像區域
| shape | coords |
| rect | 距形,用逗號分割四個整數組成,來代表矩形的四個邊 |
| circle | 圓形,用逗號分割三個整數組成 |
| poly | 多邊形,用逗號分割至少六個整數 |
| dafault | 覆蓋整張圖片,不需要coords值 |
<img src = "圖片地址" usemap="#abc" >
<form>
<imput type = "image " src ="圖片地址">
</form>
<map name ="abc">
<area href = "網址" shape = "rect" coords= "12,28,30,126" >
<area>
<area>
</map>
影片
<vedio>標籤
ex.
<vedio src = "影片檔" width="20px" controls preload="metadata" poster><vedio
| 屬性 | 功用 |
| src | 影片來源 |
| width | 寬度 |
| height | 高度 |
| autoplay | 自動撥放 |
| preload |
預先下載影片 none-不載入 metadata-載入第一幀 auto-全部影片 |
| controls | 會顯式播放控件 |
| loop | 循環播放 |
| poster | 載入影片時顯示圖片 |
| muted | 靜音 |
>
文章標籤
全站熱搜
