【前端】HTML笔记(5)

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
</head>
<body>
    <object width="400" height="50" data="bookmark.swf"></object>
    <!--<object>定义了在HTML文档中嵌入的对象;具有局部属性:data,type,height,width,usemap,name,form;用于插入对象-->
    <object width="100%" height="500px" data="snippet.html"></object><!--用于包含HTML文件-->
    <object data="logo.png"></object><!--插入一张图片-->

    <embed width="400" height="50" src="bookmark.swf">
    <embed width="100%" height="500px" src="snippet.html">
    <embed src="logo.png"><!--<embed> 元素实现与 <object> 有相同的结果,表示一个HTML Embed对象-->

    <audio controls>
        <source src="/statics/demosource/horse.mp3" type="audio/mpeg">
        <source src="/statics/demosource/horse.ogg" type="audio/ogg"><!--尝试以mp3或ogg来播放音频-->
        <embed height="50" width="100" src="/statics/demosource/horse.mp3"><!--如果失败,代码将回退-->
    </audio>

    <p><a href="/statics/demosource/horse.mp3">Play mp3</a></p>
    <p><a href="/statics/demosource/liar.wav">Play wav</a></p><!--MP3 文件链接-->
    <script src="//mediaplayer.yahoo.com/latest"></script><!--雅虎播放器-->

    <video width="320" height="240" controls autoplay>
        <source src="/statics/demosource/movie.ogg" type="video/ogg"><!--带有Theora视频编码和Vorbis音频编码的Ogg文件-->
        <source src="/statics/demosource/movie.mp4" type="video/mp4"><!--带有H.264视频编码和AAC音频编码的mp4文件-->
        <source src="/statics/demosource/movie.webm" type="video/webm"><!--带有VP8视频编码和Vorbis音频编码的webm文件-->
        <object data="/statics/demosource/movie.mp4" width="320" height="240">
            <embed width="320" height="240" src="/statics/demosource/movie.swf">
        </object><!--尝试播放以mp4、ogg或webm格式中的一种来播放视频。如果均失败,则回退到 <embed> 元素-->
    </video>

    <embed src="http://player.youku.com/player.php/sid/XMzI2NTc4NTMy/v.swf"
           width="480" height="400" type="application/x-shockwave-flash"> <!--视频上传到优酷-->

</body>
</html>

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
</head>
<body>
    <object width="400" height="50" data="bookmark.swf"></object>
    <!--<object>定义了在HTML文档中嵌入的对象;具有局部属性:data,type,height,width,usemap,name,form;用于插入对象-->
    <object width="100%" height="500px" data="snippet.html"></object><!--用于包含HTML文件-->
    <object data="logo.png"></object><!--插入一张图片-->

    <embed width="400" height="50" src="bookmark.swf">
    <embed width="100%" height="500px" src="snippet.html">
    <embed src="logo.png"><!--<embed> 元素实现与 <object> 有相同的结果,表示一个HTML Embed对象-->

    <audio controls>
        <source src="/statics/demosource/horse.mp3" type="audio/mpeg">
        <source src="/statics/demosource/horse.ogg" type="audio/ogg"><!--尝试以mp3或ogg来播放音频-->
        <embed height="50" width="100" src="/statics/demosource/horse.mp3"><!--如果失败,代码将回退-->
    </audio>

    <p><a href="/statics/demosource/horse.mp3">Play mp3</a></p>
    <p><a href="/statics/demosource/liar.wav">Play wav</a></p><!--MP3 文件链接-->
    <script src="//mediaplayer.yahoo.com/latest"></script><!--雅虎播放器-->

    <video width="320" height="240" controls autoplay>
        <source src="/statics/demosource/movie.ogg" type="video/ogg"><!--带有Theora视频编码和Vorbis音频编码的Ogg文件-->
        <source src="/statics/demosource/movie.mp4" type="video/mp4"><!--带有H.264视频编码和AAC音频编码的mp4文件-->
        <source src="/statics/demosource/movie.webm" type="video/webm"><!--带有VP8视频编码和Vorbis音频编码的webm文件-->
        <object data="/statics/demosource/movie.mp4" width="320" height="240">
            <embed width="320" height="240" src="/statics/demosource/movie.swf">
        </object><!--尝试播放以mp4、ogg或webm格式中的一种来播放视频。如果均失败,则回退到 <embed> 元素-->
    </video>

    <embed src="http://player.youku.com/player.php/sid/XMzI2NTc4NTMy/v.swf"
           width="480" height="400" type="application/x-shockwave-flash"> <!--视频上传到优酷-->

</body>
</html>

  • 3
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

足足一米58

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值