一、html圖片標籤
<img />
相關屬性:src:圖片的相對路徑或圖片網址 width:圖片的寬度 height:圖片的高度
title:當鼠標放到圖片上時的提示語 alt:當圖片無法顯示的時候提示信息
usemap:html5新增屬性,圖片映射,帶有可點擊區域
<img src="img1.jpg" title="這是一張圖片" alt="顯示" width="320" height="180" usemap="#img1"/> <map name="img1"> <area shape="rect" coords="20,30,80,80" href=" / > <area shape="circle" coords="50,60,10" href="http://www.baidu.com/" / > <area shape="poly" coords="20,30,80,80,60,50" href="http://www.baidu.com/" / > </map>
shape屬性的值有三個分別是:rect(矩形),circle(圓形),href(鏈接地址)
coords屬性表示座標點
當shape="rect" coords的值表示x1,y1,x2,y2 表示矩形的兩個點自動閉合
當shape="circle" coords的值表示x1,y1,r x1,y1表示圓點的座標,r表示元的半徑
當shape="poly" coords的值表示x1,y1,x2,y2,x3,y3... 表示多邊形的頂點座標,自動閉合
二、html的音頻標籤
1)<bgsound src=""/>目前僅支持IE瀏覽器
loop 指定循環次數,loop=-1時無限循環
volumn 指定音量 -1000-0 0最大
<embed src=""></embed> 目前僅支持IE瀏覽器
hidden no(面板顯示) true(面板隱藏)
loop 循環次數 loop='-1'時無限循環
插入視頻時只支持MP4和wmv格式的視頻
HTML提供了音頻和視頻的標籤
<audio src="">您的瀏覽器暫不支持該標籤,請升級瀏覽器</audio>
src:音頻文件路徑 controls="controls" 面板顯示
autoplay 自動播放
loop 該屬性出現時循環播放
<audio controls="controls" autoplay loop> <source src="*.ogg" type="audio/ogg" /> <source src="*.mp3" type="audio/mpeg"/> </audio>
<video src="">您的瀏覽器暫不支持該視頻標籤,請升級瀏覽器</video>
src 視頻文件路徑 autoplay 自動播放
loop 循環播放 controls 控制面板顯示
poster 在瀏覽器不支持此視頻標籤的時候顯示一張圖片
<video autoplay controls="controls" loop poster="*.jpg"> <source src="*.ogg" type="video/ogg" /> <source src="*.mp4" type="video/mp4" /> </video>