HTML有哪些插件
时间：2016-12-13 15:14 已访问：253次
在写网页代码时少不了要插入一些图片或者视频什么的，对于这部分代码如何写呢，有几种方面的可以实现呢，今天IT培训网小编就来给大家分析一下吧！
HTML 插件
插件的功能是扩展 HTML 浏览器的功能。
HTML 助手（插件）
辅助应用程序（helper application）是可由浏览器启动的程序。辅助应用程序也称为插件。
辅助程序可用于播放音频和视频（以及其他）。辅助程序是使用 <object> 标签来加载的。
使用辅助程序播放视频和音频的一个优势是，您能够允许用户来控制部分或全部播放设置。
插件可以通过 <object> 标签或者 <embed> 标签添加在页面中。
大多数辅助应用程序允许对音量设置和播放功能（比如后退、暂停、停止和播放）的手工（或程序的）控制。
Note 我们可以使用 <video> 和 <audio> 标签来显示视频和音频
<object> 元素
所有主流浏览器都支持 <object> 标签。
<object> 元素定义了在 HTML 文档中嵌入的对象。
该标签用于插入对象 (例如在网页中嵌入 Java 小程序, PDF 阅读器, Flash 播放器) 。
实例
<object width="400" height="50" data="chhch20161213001.swf"></object>
源代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>IT培训网（www.itpxw.cn）</title>
</head>
<body>
<object width="400" height="50" data="chhch20161213001.swf"></object>
</body>
</html>
运行结果：
<object> 元素同样可用于包含HTML文件：
实例
<object width="100%" height="500px" data="snippet.html"></object>
源代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>IT培训网（www.itpxw.cn）</title>
</head>
<body>
<object width="100%" height="500px" data="snippet.html"></object>
</body>
</html>
运行结果：
第一栏 第二栏 第三栏
第一栏 第二栏 第三栏
第一栏 第二栏 第三栏
第一栏 第二栏 第三栏
第一栏 第二栏 第三栏
第一栏 第二栏 第三栏
第一栏 第二栏 第三栏
或者插入一张图片:
实例
<object data="audi.jpeg"></object>
源代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>IT培训网（www.itpxw.cn）</title>
</head>
<body>
<object data="/img/logo_03.jpg"></object>
</body>
</html>
运行结果：
<embed> 元素
所有主流浏览器都支持 <embed> 元素。
<embed> 元素表示一个 HTML Embed 对象 。
<embed> 元素已经出现很长一段时间了，但是在 HTML5 前并未被详细说明，该元素在 HTML 5 页面上会被验证，在 HTML 4 上不会。
实例
<embed width="400" height="50" src="chhch20161213001.swf">
源代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>IT培训网（www.itpxw.cn）</title>
</head>
<body>
<embed width="400" height="50" src="chhch20161213001.swf">
</body>
</html>
运行结果：
注意 <embed> 元素没有关闭标签。 不能使用替代文本。
embed> 元素同样可用于包含 HTML 文件：
实例
<embed width="100%" height="500px" src="snippet.html">
源代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>IT培训网（www.itpxw.cn）</title>
</head>
<body>
<embed width="100%" height="500px" src="snippet.html">
</body>
</html>
运行结果：
第一栏 第二栏 第三栏
第一栏 第二栏 第三栏
第一栏 第二栏 第三栏
第一栏 第二栏 第三栏
第一栏 第二栏 第三栏
第一栏 第二栏 第三栏
第一栏 第二栏 第三栏
或者插入一张图片:
实例
<embed src="audi.jpeg">
源代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>IT培训网（www.itpxw.cn）</title>
</head>
<body>
<embed src="/img/logo_03.jpg">
</body>
</html>
运行结果：
关于HTML插件方面的介绍你懂了吗，能自己写出代码吗，可以实现网页中插入一个视频或者图片吗，如果你还没有学会，那就赶紧与小编互动吧，加入我们，让我们一起成为HTML网页制作高手！