• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html5 > HTML5<embed>标签的用法你知道多少?HTML5<embed> 标签属性详解

HTML5<embed>标签的用法你知道多少?HTML5<embed> 标签属性详解

作者:匿名 字体:[增加 减小] 来源:互联网 时间:2018-12-03

本文主要包含HTML5<embed>标签,HTML5<embed>标签属性详解等相关知识,匿名希望在学习及工作中可以帮助到您
HTML5<embed>标签的用法你知道多少?接下来的这篇文章将给大家主要讲解关于HTML5<embed>标签的7种使用方法以及HTML5<embed>标签的属性用法。

HTML5<embed>标签的定义和用法:

<embed> 标签定义嵌入的内容,比如插件。下有实例:

<embed src="helloworld.swf" />

HTML5<embed>标签的属性:

tu1.png

HTML5 embed标签使用方法和属性详解:

基本语法

代码如下:

embed src=url

说明:embed可以用来插入各种多媒体,格式可以是 Midi、Wav、AIFF、AU、MP3等等,Netscape及新版的IE 都支持。url为音频或视频文件及其路径,可以是相对路径或绝对路径。

示例,代码如下:

 <embed src="your.mid">

1.<embed>标签容器属性:

语法:height=# width=#

说明:取值为正整数或百分数,单位为像素。该属性规定控制面板的高度和宽度。

height:控制面板的高度;

width:控制面板的宽度。

示例,代码如下:

<embed src="your.mid" height=200 width=200>

2.<embed>标签前景色和背景色:

语法:palette=color|color

说明:该属性表示嵌入的音频或视频文件的前景色和背景色,第一个值为前景色,第二个值为背景色,中间用 | 隔开。color可以是RGB色(RRGGBB)也可以是颜色名,还可以是transparent (透明)。

示例,代码如下:

 <embed src="your.mid" palette="red|black">

3.<embed>标签对齐方式:

语法:align=top、bottom、center、baseline、 left、right、texttop、middle、absmiddle、absbottom

说明:该属性规定控制面板和当前行中的对象的对齐方式。

center:控制面板居中;

left:控制面板居左;

right:控制面板居右;

top:控制面板的顶部与当前行中的最高对象的顶部对齐;

bottom:控制面板的底部与当前行中的对象的基线对齐;

baseline:控制面板的底部与文本的基线对齐;

texttop:控制面板的顶部与当前行中的最高的文字顶部对齐;

middle:控制面板的中间与当前行的基线对齐;

absmiddle:控制面板的中间与当前文本或对象的中间对齐;

absbottom:控制面板的底部与文字的底部对齐。

示例,代码如下:

<embed src="your.mid" align=top>
 <embed src="your.mid" align=center>

4.<embed>标签说明文字:

语法:title=#

说明:#为说明的文字。该属性规定音频或视频文件的说明文字。

示例,代码如下:

 <embed src="your.mid" title="第一首歌">

5.<embed>标签外观设置:

语法:controls=console、smallconsole、playbutton、pausebutton、stopbutton、volumelever 说明:该属性规定控制面板的外观。默认值是console。

console:一般正常面板;

smallconsole:较小的面板;

playbutton:只显示播放按钮;

pausebutton:只显示暂停按钮;

stopbutton:只显示停止按钮;

volumelever:只显示音量调节按钮。

示例,代码如下:

 <embed src="your.mid" controls=smallconsole>
 <embed src="your.mid" controls=volumelever>

6.<embed>标签自动播放:

语法:autostart=true、false

说明:该属性规定音频或视频文件是否在下载完之后就自动播放。

true:音乐文件在下载完之后自动播放;

false:音乐文件在下载完之后不自动播放。

示例,代码如下:

<embed src="your.mid" autostart=true>
 <embed src="your.mid" autostart=false>

7.<embed>标签循环播放:

语法:loop=正整数、true、false

说明:该属性规定音频或视频文件是否循环及循环次数。

属性值为正整数值时,音频或视频文件的循环次数与正整数值相同;

属性值为true时,音频或视频文件循环;

属性值为false时,音频或视频文件不循环。

示例,代码如下:

<embed src="your.mid" autostart=true loop=2>
 <embed src="your.mid" autostart=true loop=true>
 <embed src="your.mid" autostart=true loop=false>

HTML5<embed>标签的提示和注释:

注释:<embed> 标签必须有 src 属性。

提示:您无法在开始标签和结束标签之间写文本,来说明旧式的浏览器不支持该标签,就像 <audio> 和 <video>。

HTML 4.01 与 HTML 5 之间的差异:

<embed> 标签是 HTML 5 中的新标签。

【相关推荐】

HTML5新增的结构元素有哪些?HTML5新增的结构元素的用法(推荐)

HTML5中的article标签是什么?HTML5中的article元素用在什么地方?

以上就是HTML5<embed>标签的用法你知道多少?HTML5<embed> 标签属性详解的详细内容,更多请关注微课江湖其它相关文章!

您可能想查找下面的文章:

  • HTML5<embed>标签的用法你知道多少?HTML5<embed> 标签属性详解

相关文章

  • 2018-12-03HTML5表单验证的解析
  • 2018-12-03HTML5实践-灰色图片画廊实现的方法
  • 2018-12-03h5正常文本框提示语的实现方法
  • 2018-12-03详解HTML5网络拓扑图整合OpenLayers实现GIS地图应用(图)
  • 2018-12-03HTML5新增了哪些标签和属性?新增了标签和属性(总结)
  • 2018-12-03分享利用HTML5实现图片压缩上传的实例代码
  • 2018-12-03html5 Canvas画图教程(8)—canvas里画曲线之bezierCurveTo方法_html5教程技巧
  • 2018-12-03基于HTML5 Canvas的字符串,路径,背景,图片的分析
  • 2018-12-03HTML5拖放(Drag 和 drop)实例讲解
  • 2018-12-03bookblock:可帮助你生成翻页效果的jQuery插件

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • html5中canvas学习笔记2-判断浏览器是否支持canvas_html5教程技巧
    • 微信如何实现向浏览器注入JS API,并且调用方式就像浏览器原生API一样?
    • canvas游戏开发学习之五:运用样式与颜色(一)
    • html5简单拖拽实现自动左右贴边和幸运大转盘的示例代码
    • 2014年圣诞节倒计时网页的制作过程_html5教程技巧
    • HTML5中的音频和视频媒体播放元素小结_html5教程技巧
    • HTML5 声明兼容IE的写法_html5教程技巧
    • 基于html5 canvas实现漫天飞雪效果实例_html5教程技巧
    • 全面解析HTML5的文档结构和新增标签
    • 微信端html5页面如何调用分享接口

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有