第四讲用html创建表格和在页面多媒体软件版

第四讲网页中使用表格和多媒体回顾超链接文字超链接；URL的两种类型；文档内部超链接；图片超链接；电子邮件超链接；创建热点区域：<map>和<area>框架的使用框架和框架集；框架的划分；浮动框架流行的网站开发组织结构目标掌握表格的使用掌握在网页中插入多媒体的方法本讲主要内容表格的使用表格的基本结构合并单元格完整的表格标记在网页中使用多媒体网页中插入多媒体的现状网页中插入flash的方法网页中使用背景音乐重点：表格的使用难点：网页中插入多媒体一、表格的使用表格的基本结构<table></table>定义表格的基本框架<tr></tr>定义表格的行<td></td>定义表格中行内的单元格合并单元格使用colspan属性左右合并单元格使用rowspan属性上下合并单元格注意：在合并单元格时要注意单元格之间的对应一、表格的使用一、表格的使用设置表格大小和对齐方式

√属性width、height设置表格的宽度和高度（用像素px来表示）√对齐方式align

设置单元格中的文字居中对齐center，靠左对齐left，靠右对齐right√设置表格背景色和边框颜色属性bgcolor

通过例子体现√自学属性cellpadding和cellspacing

思考：

valign是什么意思？

一、表格的使用完整的表格标记定义表头部分<thead></thead>定义表格主体<tbody></tbody>定义表格脚注<tfoot></tfoot>注意：三个标签的显示顺序是<thead>,<tfoot>,<tbody>三个标签都必须同时使用，要么都不用<thead>和<tfoot>的内容要用<tr><td>来表示，不推荐直接表示二、在网页中使用多媒体网页中插入多媒体的现状网页中常见的媒体格式图片(gif,jpg)，Flash（矢量动画），其他视频和音频格式文件（wmv、rm、mp3等）浏览器自身没有播放多媒体的能力IE，利用Activex插件形式，即和系统集成的方式，只要计算机安装的相应的媒体文件的播放器，那么就可以直接在网页里引用播放该媒体文件其他浏览器，如firefox、Safari、Opera等，也是靠第三方插件的形式来播放媒体文件的，本身没有播放的功能所有浏览器对flash的支持都是很好的，所以网页推荐使用flash格式的媒体二、在网页中使用多媒体<object>标记w3c指定的标准的插入多媒体的标记由于历史原因<object>标记始终没有被多数非IE浏览器所接受<embed>标记标准之外的插入多媒体的标记多数非IE类浏览器支持使用该标记插入多媒体，而对<objcet>的实现方式和IE有很大差别在HTML5草案中，<embed>标记写入了标准二、在网页中使用多媒体<object>的使用（插入flash）<objcet>标签使用classid或type属性来指定媒体播放软件使用<param>标签的name和value属性来给媒体播放器传递播放参数，如播放文件的位置等注意：<param>标签要放置在<object>内实例：<objectid="FlashID"classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"width="720"height="576"><paramname="movie"value=“abc.swf"/><paramname="wmode"value="transparent"></object>flash播放器的ID,唯一二、在网页中使用多媒体<object>的使用（插入wmv格式）注意：wmv的classid是clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95例：<objectclassid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95"width="100px"height="100px">WMP接受视频地址的参数名为filename例<paramname="Filename"value="国歌.wmv"/>Wmp的其他参数：（见备注）二、在网页中使用多媒体<embed>标记的使用（插入flash）<embed src="abc.swf"width=200pxheight=200pxtype='application/x-shockwave-flash'></embed>二、在网页中使用多媒体网页中插入flash的推荐用法将<objcet>和<embed>结合例：<objectid="FlashID"classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"width="720"height="576"><paramname="movie"value=“abc.swf"/><paramname="wmode"value="transparent"><embedsrc="abc.swf"width=200pxheight=200pxtype='application/x-shockwave-flash'></embed>

</object>二、在网页中使用多媒体背景音乐的使用<bgsoundsrc="tellme.wmv"/>IE可用，其他多数浏览器都不支持<embedsrc="tellme.wmv"autostart=true></embed>多数浏览器支持，但根据播放文件的格式的不同，需要不同的播放插件总结表格的使用表格的基本结