第7章表格讲解.pptVIP

小结 本章主要介绍了表格制作时用到的常用属性以及取值情 况，在这里提两点注意事项： 1. 在创建复杂的表格之前，最好对它进行规划，比如可以 先用笔在纸上设计页面； 2. 使用表格排版网页时，要尽量细化表格，不要把整个网页 放在一个大的表格里，因为表格内有一些载入较慢的元素（比如计数器）时，往往会延迟整个表格的显示。这是由 IE的显示特性决定的，只有当表格内所有元素全部载入 后，整个表格才得以显示。针对这个特点，我们可以将整个页面分成几块，例如通用的上(放置Logo、Banner、 Menu等等)、中(放置页面内容)、下(放置版权信息等等) 结构，将每一部分由单独的表格来实现，这样比较好。 * U 7.3.6 设置表格单元格间距 !--程序7-10-- … table width=600 border=1 frame=hsides rules =all cellspacing=15 … /table 7.3.6 设置表格单元格间距 7.3.7设置表格单元格边距 单元格边距 单元格边距是指单元格中的内容与单元格边框的距离。 基本语法： table cellpadding= 7.3.7设置表格单元格边距 !--程序7-11-- … table width=600 border=1 frame=hsides rules =all cellspacing=15 cellpadding=10 … /table 7.3.7设置表格单元格边距 7.3.8设置表格的水平对齐属性 水平对齐 在水平方向上，可以设置表格的对齐方式为：居左、居中、 居右。如果没特别进行设置，则默认为居左排列。 基本语法： table align=” ” 7.3.8设置表格的水平对齐属性 !--程序7-12-- … table width=600 border=1 align=center … /table 7.4设置表格行的属性 7.4设置表格行的属性 tr的属性用于设定表格中某一行的属性。 7.4.1行内容水平对齐 基本语法： tr align=” ”…/tr !--程序7-13- html head title设定表格水平对齐/title /head body table width=600 border=1 align=center caption课程表/caption tr align=center th节次/th th星期一/th th星期二/th th星期三/th th星期四/th 7.4.1行内容水平对齐 th星期五/th tr tr align=right td第12节/td td体育/td td大学英语/td td高等数学/td td数据结构实验/td tdWeb开发/td /tr tr !--表格第二行-- td第34节/td td大学英语/td td高等数学/td td数据结构/td td数据结构/td tdWeb开发实验/td /tr trtd colspan=6适用时间：2008~2009第一学期083007班/td/tr /table /body /html 7.4.1行内容水平对齐 7.4.2行内容垂直对齐 基本语法： tr valign=” ”…/tr !--程序7-14-- html head title设定表格行内容垂直对齐/title /head body table width=600 height=200 border=1 align=center caption课程表/caption tr valign=top … tr 7.4.2行内容垂直对齐 tr valign=bottom … /tr tr !--表格第二行-- … /tr trtd colspan=6适用时间：2008~2009第一学期083007班/td/tr /table /body /html 7.