十、多媒体 & 十一、框架

  1. 在网页中常见的多媒体文件包括音频文件和视频文件,对于在线音频和视频,我们往往都是使用embed标签来插入。embed是HTML5新增的标签。
    语法:<embed src="多媒体文件地址" width="播放界面的宽度" height="播放界面的高度"/>
    使用embed标签插入音频或者视频,浏览器提供了一个简单的操作界面。embed标签支持的视频格式很多,大部分主流格式都支持。embed标签能支持大部分格式的视频文件。如果你使用embed标签不能播放视频,那就可能是你视频格式有问题或者编码有问题。你可以用格式工厂转换一下格式。

  2. 在网页中可以为某个网页设置背景音乐,使用的是bgsound标签。bgsound是用以插入背景音乐,但只适用于IE浏览器,在Firefox等中未必适用。
    语法:<bgsound src="背景音乐的地址"/>
    说明:bgsound,是background sound的缩写。背景音乐的文件可以是avi、mp3等声音文件。“背景音乐的地址”可以是相对路径,也可以是绝对路径。强烈不推荐使用绝对路径。
    分析:使用bgsound加入背景音乐与使用embed加入音频不一样,加入音频是有操作界面的,加入背景音乐是没有操作界面的。

  3. 对于bgsound标签,除了掌握src属性,我们还掌握一个loop属性就足够了。
    通常情况下,背景音乐需要不断地播放,可以通过设置loop属性来实现循环次数的控制。
    语法:<bgsound src="背景音乐的地址" loop="播放次数">
    说明:loop="2"表示重复2次,loop="infinite"表示无限次循环播放,也可以使用loop="-1"表示无限次循环播放。使用bgsound设置背景音乐,当窗口最小化时就自动暂停播放,窗口恢复时,继续播放。设置网页背景音乐时常用的方法除了使用bgsound标签,还有使用embed标签和object标签。

  4. flash是一种动画技术,在网页制作中常常会用到flash,它可以实现一些较为复杂的动态效果,从而让网页的画面更加生动。在网页中插入flash也是使用[embed标签]。语法跟插入音频文件和视频文件一样。width和height使用px作为单位。
    语法:<embed src="多媒体文件地址" width="多媒体的宽度" height="多媒体的高度"/>

  5. iframe标签(浮动框架标签)--浮动框架是一种较为特殊的框架,它是在浏览器窗口中嵌套的子窗口,整个页面并不一定是框架页面,但要包含一个框架窗口。<iframe>框架可以完全由设计者定义宽度和高度,并且可以放置在一个网页的任何位置,这极大地扩展了框架页面的应用范围。<frameset>生成的框架结构是依赖上级空间尺寸的,它的宽度或者高度必须有一个和上级框架相同。而<iframe>浮动框架可以完全由指定宽度和高度决定。
    语法:<iframe src="浮动框架的源文件" width="浮动框架的宽" height="浮动框架的高"></iframe>
    说明:src属性是iframe的必须属性,它定义浮动框架页面的源文件地址。
    在普通框架结构中,由于框架就是整个浏览器的窗口,因此不需要设置其大小。但是在浮动框架中,框架是插入到普通HTML页面中,所以可以调整框架的大小。浮动框架的宽度和高度都是以像素为单位。width和height这2个都是可选属性。

  6. 对于浮动框架iframe的的滚动条,我们可以使用scrolling属性来控制。scrolling属性有3种情况:根据需要显示、总是显示和不显示。
    语法:<iframe src="浮动框架的源文件" width="浮动框架的宽" height="浮动框架的高" scrolling="取值"></iframe>
    说明:scrolling属性取值如下:
    auto 默认值,整个表格在浏览器页面中左对齐
    yes 总是显示滚动条,即使页面内容不足以撑满框架范围,滚动条的位置也预留
    no 在任何情况下都不显示滚动条

  7. 标签语义对照表
    标签名 英文全称 中文解释
    div division 分割(块元素)
    span span 区域(行内元素)
    p paragraph 段落
    ol ordered list 有序列表
    ul unordered list 无序列表
    li list item 列表项
    dl definition list 定义列表
    dt definition term 定义术语
    dd definition description 定义描述
    h1~h6 header1 ~header6 标题1~标题6
    hr horizontal rule 水平线
    a anchor 锚点,超链接
    strong strong 强调(粗体)
    em emphasized 强调(斜体)
    sup superscripted 上标
    sub subscripted 下标
    br break 换行
    fieldset fieldset 域集
    legend legend 图例
    caption caption (表格、图像等)标题
    thead table head 表头
    tbody table body 表身
    tfoot table foot 表脚
    th table header 表头单元格
    td td 表身单元格

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,258评论 6 498
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,335评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 162,225评论 0 353
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,126评论 1 292
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,140评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,098评论 1 295
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,018评论 3 417
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,857评论 0 273
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,298评论 1 310
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,518评论 2 332
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,678评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,400评论 5 343
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,993评论 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,638评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,801评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,661评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,558评论 2 352