当前位置 : IT培训网 > Web前端 > Web教程 > HTML有哪些插件

HTML有哪些插件

时间:2016-12-13 15:14:54  来源:web前端培训网  作者:IT培训网  已有:名学员访问该课程
标签(Tag):   html(100)HTML插件(14)
关于HTML插件方面的介绍你懂了吗,能自己写出代码吗,可以实现网页中插入一个视频或者图片吗,如果你还没有学会,那就赶紧与小编互动吧,加入我们,让我们一起成为HTML网页制作高手!

在写网页代码时少不了要插入一些图片或者视频什么的,对于这部分代码如何写呢,有几种方面的可以实现呢,今天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.alisonhorn.com)</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.alisonhorn.com)</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.alisonhorn.com)</title> 

</head>

<body>

 

<object data="/img/logo_03.jpg"></object>

 

</body>

</html>

运行结果:

HTML有哪些插件_www.alisonhorn.com

<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.alisonhorn.com)</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.alisonhorn.com)</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.alisonhorn.com)</title> 

</head>

<body>

 

<embed src="/img/logo_03.jpg">

 

</body>

</html>

运行结果:

HTML有哪些插件_www.alisonhorn.com

关于HTML插件方面的介绍你懂了吗,能自己写出代码吗,可以实现网页中插入一个视频或者图片吗,如果你还没有学会,那就赶紧与小编互动吧,加入我们,让我们一起成为HTML网页制作高手!

顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
------分隔线----------------------------
Web 教程
1、HTML 教程
1.1 HTML 简介
1.2 HTML 编辑器
1.3 HTML 基础
1.4 HTML 元素
1.5 HTML 属性
1.6 HTML 标题
1.7 HTML 段落
1.8 HTML 文本格式化
1.9 HTML 链接
1.10 HTML 头部
1.11 HTML CSS
1.12 HTML 图像
1.13 HTML 表格
1.14 HTML 列表
1.15 HTML 区块
1.16 HTML 布局
1.17 HTML 表单
1.18 HTML 框架
1.19 HTML 颜色
1.20 HTML 颜色名
1.21 HTML 颜色值
1.22 HTML 脚本
1.23 HTML 字符实体
1.24 HTML URL
1.25 HTML 速查列表
1.26 HTML 总结
1.27 HTML 简介
2、HTML5
2.1 HTML5 教程
2.2 HTML5 浏览器支持
2.3 HTML5 新元素
2.4 HTML5 Canvas
2.5 HTML5 内联 SVG
2.6 HTML5 MathML
2.7 HTML5 拖放
2.8 HTML5 地理定位
2.9 HTML5 Video(视频)
2.10 HTML5 Audio(音频)
2.11 HTML5 Input 类型
2.12 HTML5 表单元素
2.13 HTML5 表单属性
2.14 HTML5 语义元素
2.15 HTML5 Web 存储
2.16 HTML5 Web SQL
2.17 HTML5 应用程序缓存
2.18 HTML5 Web Workers
2.19 HTML5 SSE
2.20 HTML5 WebSocket
2.21 HTML5 代码规范
3、HTML 媒体
3.1 HTML 媒体(Media)
3.2 HTML 插件
3.3 HTML 音频(Audio)
3.4 HTML视频(Videos)播放