HTML基础_iframe与多媒体_交互标记

最新推荐文章于 2023-03-23 16:22:57 发布

回忆丶搁浅

最新推荐文章于 2023-03-23 16:22:57 发布

阅读量205

点赞数

分类专栏： # HTML 文章标签： HTML 进度条 HTML进度条自增 HTML 媒体播放

本文链接：https://blog.csdn.net/weixin_45460315/article/details/102503963

版权

HTML 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

1.浮动框架标签

  <iframe width="300px" height="300px" src="HTMLDome01.html" name="ff"></iframe>
    属性
        width 宽度与 height 高度
        name与target配合使用 确定显示的位置

2.多媒体标记_视频标签

    <embed src="音频/视频/flash的链接" width="" height="">
    属性：
        width：宽度
        height：高度
        loop:是否循环播放，或者播放次数
        autostart:下载完成是否自动播放

3.，交互标记

<progress max="100" value="30"></progress>

例1

<!DOCTYPE html>
<html>
    <head>
        <meta>
        <title>列表</title>
    
    </head>
    <body>
        <img src="images/timg.gif" usemap="A#map">
        <map name="map">
            <area shape="circle" coords="129,161,500" href="HTMLDome01.html">
            <area shape="poly" coords="" href="#">
            <area shape="rect" coords="" href="#" target="ff">
        </map>
        <iframe width="300px" height="300px" src="HTMLDome01.html" name="ff"></iframe>
        <embed src="音频/视频/flash的链接" width="" height="">
            <br>
        <progress max="100" value="30"></progress>
    </body>
</html>

例2

<!-- 加载过程 -->
<!DOCTYPE html>
<html>
    <head>
        <meta>
        <title>交互</title>
    
    </head>
    <body>
        <progress max="100" value="30"></progress>
    </body>
    <script>
        setInterval(function(){
            var pro=document.getElementsByTagName("progress");
            
            if(pro[0].value==100){
                clearInterval(this);  
            }
            pro[0].value+=10;
        },1000)
    </script>
</html>

回忆丶搁浅

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML基础_iframe与多媒体_交互标记

1.浮动框架标签 <iframe width="300px" height="300px" src="HTMLDome01.html" name="ff"></iframe> 属性 width 宽度与 height 高度 name与target配合使用确定显示的位置2.多媒体标记_视频标签 <embed...
复制链接

扫一扫