<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 靜音

>

文章標籤
全站熱搜
創作者介紹
創作者 某羽 的頭像
某羽

just for fun

某羽 發表在 痞客邦 留言(0) 人氣(11)