html媒體標(biāo)簽

一、html圖片標(biāo)簽

    <img />

相關(guān)屬性：src:圖片的相對(duì)路徑或圖片網(wǎng)址        width:圖片的寬度     height:圖片的高度

     title：當(dāng)鼠標(biāo)放到圖片上時(shí)的提示語(yǔ)    alt:當(dāng)圖片無(wú)法顯示的時(shí)候提示信息

    usemap：html5新增屬性，圖片映射，帶有可點(diǎn)擊區(qū)域

<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"  / >
    <area shape="poly" coords="20,30,80,80,60,50"  / >
</map>

shape屬性的值有三個(gè)分別是：rect(矩形)，circle(圓形)，href(鏈接地址)

coords屬性表示坐標(biāo)點(diǎn)

     當(dāng)shape="rect"  coords的值表示x1,y1,x2,y2  表示矩形的兩個(gè)點(diǎn)自動(dòng)閉合

    當(dāng)shape="circle"  coords的值表示x1,y1,r  x1,y1表示圓點(diǎn)的坐標(biāo)，r表示元的半徑

    當(dāng)shape="poly"  coords的值表示x1,y1,x2,y2,x3,y3...  表示多邊形的頂點(diǎn)坐標(biāo)，自動(dòng)閉合

二、html的音頻標(biāo)簽

1)<bgsound src=""/>目前僅支持IE瀏覽器

loop  指定循環(huán)次數(shù)，loop=-1時(shí)無(wú)限循環(huán)

volumn 指定音量   -1000-0  0最大

<embed src=""></embed>  目前僅支持IE瀏覽器

hidden  no（面板顯示）  true(面板隱藏)

loop   循環(huán)次數(shù)   loop='-1'時(shí)無(wú)限循環(huán)

插入視頻時(shí)只支持MP4和wmv格式的視頻

HTML提供了音頻和視頻的標(biāo)簽

<audio src="">您的瀏覽器暫不支持該標(biāo)簽，請(qǐng)升級(jí)瀏覽器</audio>

src:音頻文件路徑   controls="controls"  面板顯示

autoplay 自動(dòng)播放

loop  該屬性出現(xiàn)時(shí)循環(huán)播放

<audio controls="controls" autoplay loop>
    <source src="*.ogg" type="audio/ogg" />
    <source src="*.mp3" type="audio/mpeg"/>
</audio>

 <video src="">您的瀏覽器暫不支持該視頻標(biāo)簽，請(qǐng)升級(jí)瀏覽器</video>

    src  視頻文件路徑    autoplay   自動(dòng)播放

    loop 循環(huán)播放      controls   控制面板顯示

    poster  在瀏覽器不支持此視頻標(biāo)簽的時(shí)候顯示一張圖片

<video autoplay controls="controls" loop poster="*.jpg">
    <source src="*.ogg" type="video/ogg" />
    <source src="*.mp4" type="video/mp4" />
</video>