第5章 页面版式控制与多媒体效果 HTML 课件.ppt

第五章 页面版式控制与多媒体效果 课程目标 页面版式控制标记 插入背景音乐 插入多媒体文件 体验 创建有背景音乐及多媒体效果的页面 我们要给HTML页面加入背景音乐并且还要在页面中加入多媒体效果，如图所示： 页面版式控制 排版标记分为!--注解--、P、BR、HR、CENTER、PRE、DIV、NOBR、WBR 注释标记 分段标记 换行标记 水平线标记 居中标记 预排版标记 定位标记 注释标记 像很多计算机语言一样，HTML 也提供注释功能 用法 ： 注释的功能： 分段标记 分段标记p用来定义一个段落，在此标记对之间的文本按照段落的格式显示在浏览器上 p也可以有多种属性，比较常用的属性是：aligh＝# 分段实例 Body h3 align=center诉衷情/h3 p align=center 当年万里觅封候，匹马戍梁州。关河梦断何处？尘暗旧貂裘。 /p p align=center 胡未灭，鬓先秋，泪空流。此生谁料，心在天山，身老沧洲！ /p /Body 换行标记 br br标记用来创建一个回车换行 如果br标记处在p/p标记对外面，将创建一个大的回车换行 若处在p/p标记对之间，br标记前面和后面文本的行与行之间的距离将比较小 换行标记实例 Body h3 align=center诉衷情/h3 p align=center 当年万里觅封候，匹马戍梁州。关河梦断何处？尘暗旧貂br 胡未灭，鬓先秋，泪空流。此生谁料，心在天山，身老沧洲！ /p h3 align=center诉衷情/h3 p align=center当 年万里觅封候，匹马戍梁州。关河梦断何处？尘暗旧貂裘。 /p br p align=center 胡未灭，鬓先秋，泪空流。此生谁料，心在天山，身老沧洲！ /p /Body 水平线标记 水平线标记hr用来把页面分成几个部分 hr标记拥有以下属性 水平线hr实例 Body hr align=center size=10 width=50% color=red /Body 居中标记 center称为居中标记 预排版标记 pre标记被称为预排版标记。 该标记允许保留你在原代码中输入的空白和回车 Body center p pre 编号 名称 价格(元) 001 语文教材 20.00 /pre /p /center /Body 定位标记 div称为定位标记。它的作用是设定文字表格等摆放位置。 我们可以通过align属性设定文字表格的位置 Body div align=center h3诉衷情/h3 p 当年万里觅封候，匹马戍梁州。关河梦断何处？尘暗旧貂裘。 /p p 胡未灭，鬓先秋，泪空流。此生谁料，心在天山，身老沧洲！ /p /div /Body 多媒体效果 插入背景音乐 插入多媒体 插入背景音乐 bgsound 标记是用来插入背景音乐。 bgsound src=042.mp3 autostart=true loop=infinite 插入多媒体 embed 是用来插入各种多媒体 格式可以是 Midi、Wav、AIFF、AU 等等 src=# 属性用来设定多媒体档案及路径，可以是相对或绝对 Body div align=center embed src=file.wmv /div /Body autostart=# autostart=# 属性设定是否在音乐档下载完之后就自动播放。true 是，false 否 (默认值) Body div align=center embed src=file.wmv autostart=true /div /Body loop=# 用来设定播放次数。 loop=2表示重复两次 loop= true表示持续反复播放 loop=false表示只播放一次 Body div align=center embed src=file.wmv autostart=true loop=true /div /Body hidden=# 是否完全隐藏控制画面 true为是，no为否(默认) Body div align=center embed src=file.wmv autostart=true loop=true hidden=true /div /Body starttime=分:秒 设定多媒体开始播放的时间 Body div align=center embed src=file.wmv autostart=true loop=true starttime =00:30 /div /Body volum