美文网首页
从屌丝到架构师的飞越(HTML篇)- HTML网页动态、多媒体效

从屌丝到架构师的飞越(HTML篇)- HTML网页动态、多媒体效

作者: 走着别浪 | 来源:发表于2019-08-06 07:56 被阅读0次

    一、介绍

    多媒体来自多种不同的格式。它可以是您听到或看到的任何内容,文字、图片、音乐、音效、录音、电影、动画等等。

    在因特网上,您会经常发现嵌入网页中的多媒体元素,现代浏览器已支持多种多媒体格式。

    在HTML中我们使用<embed>标签可以在网页中放置如mp3音乐、电影、SWF动画等多种多媒体内容。

    二、知识点介绍

    1、嵌入多媒体文件

    三、上课对应视频说明文档

    1、嵌入多媒体文件

    在网页中可以用<embed>标签将多媒体文件插入,比如可以插入音乐和视频等。用浏览器可以播放的音乐格式有:MIDI 音乐、WAV 音乐、mp3、AIFF、AU 格式等。

    <embed>标签的使用格式:

    <EMBED SRC="音乐文件地址">

    实例 h8-2-1.html

    <HTML>

    <HEAD>

    <TITLE>插入多媒体文件</TITLE>

    </HEAD>

    <body>

    <H2 ALIGN="CENTER">网页中的多媒体</H2>

    <HR>

    <center>

    <embed src="../../imge/一千零一夜.mid" height=150 width=400 loop="false">

    </center>

    </BODY>

    </HTML>

    实例 h8-2-2.html

    <HTML>

    <HEAD>

    <TITLE>插入多媒体文件</TITLE>

    </HEAD>

    <body>

    <H2 ALIGN="CENTER">网页中的多媒体</H2>

    <HR>

    <center>

    <embed src="../../imge/mmm.avi" width="400" height="500" loop="false">

    </center>

    </BODY>

    </HTML>

    实例 h8-2-3.html

    <HTML>

    <HEAD>

    <TITLE>插入flash</TITLE>

    </HEAD>

    <body>

    <H2 ALIGN="CENTER">网页中的多媒体</H2>

    <HR>

    <center>

    <embed src="../../imge/023.swf" height="500" width="550"><!--插入flash-->

    <embed src="../../imge/023.swf" height="500" width="550" wmode="transparent">

    <!--插入透明flash-->

    </center>

    </BODY>

    </HTML>

    实例 h8-2-4.html

    <html>

    <head>

    <title>在图片上插入透明flash</title>

    </head>

    <body bgColor=lightblue>

    <br><center>在图片上插入透明Flash 动画</center><br>

    <center><TABLE cellSpacing=2 cellPadding=2 border=10 bordercolorlight="#00CC99"

    bordercolordark="#009933" background="../../imge/hai.jpg">

    <TBODY><TD>

    <EMBED src="../../imge/016.swf" width=630 height=480 type=application/x-shockwave-flash

    quality="high" wmode="transparent">

    </embed>

    </TD>

    </TBODY>

    </table>

    </center>

    </body>

    </html>

    相关文章

      网友评论

          本文标题:从屌丝到架构师的飞越(HTML篇)- HTML网页动态、多媒体效

          本文链接:https://www.haomeiwen.com/subject/evborctx.html