美文网首页
从屌丝到架构师的飞越(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