html媒体标签
一、html图片标签
<img />
相关属性:src:图片的相对路径或图片网址 width:图片的宽度 height:图片的高度
title:当鼠标放到图片上时的提示语 alt:当图片无法显示的时候提示信息
usemap:html5新增属性,图片映射,带有可点击区域
<imgsrc="img1.jpg"title="这是一张图片"alt="显示"width="320"height="180"usemap="#img1"/><mapname="img1"><areashape="rect"coords="20,30,80,80"href="/><areashape="circle"coords="50,60,10"href="http://www.baidu.com/"/><areashape="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 该属性出现时循环播放
<audiocontrols="controls"autoplayloop><sourcesrc="*.ogg"type="audio/ogg"/><sourcesrc="*.mp3"type="audio/mpeg"/></audio>
<video src="">您的浏览器暂不支持该视频标签,请升级浏览器</video>
src 视频文件路径 autoplay 自动播放
loop 循环播放 controls 控制面板显示
poster 在浏览器不支持此视频标签的时候显示一张图片
<videoautoplaycontrols="controls"loopposter="*.jpg"><sourcesrc="*.ogg"type="video/ogg"/><sourcesrc="*.mp4"type="video/mp4"/></video>
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。