html媒体标签

发布时间:2020-07-05 18:39:47 作者:yanyj_job
来源:网络 阅读:312

一、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>


推荐阅读:
  1. html基本标签
  2. HTML多媒体标记与框架标记

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

音频 map 媒体标签

上一篇:大数据架构师从入门到精通 学习必看宝典

下一篇:C语言编程 求两个数的平均值方法(三种方法)

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》