美文网首页
十、多媒体 & 十一、框架

十、多媒体 & 十一、框架

作者: 大喵的咪 | 来源:发表于2020-07-12 23:19 被阅读0次
    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 表身单元格

    相关文章

      网友评论

          本文标题:十、多媒体 & 十一、框架

          本文链接:https://www.haomeiwen.com/subject/zdtocktx.html