WEbUI表格相关操作讲义.ppt

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.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.4.2行内容垂直对齐 7.5 设置表格中某一单元格的属性 td的属性用于设定表格中某一单元格的属性 7.5.1设置单元格跨行 跨行合并 单元格的rowspan属性可实现单元格的跨行合并（纵向合并）。 基本语法： td rowspan=” ”…/td 7.5.1设置单元格跨行 !--程序7-15-- html head title设定跨行的表格/title /head body table width=600 border=1 cellpadding=0 cellspacing=0 align=center caption课程表/caption tr th节次/th th星期一/th th星期二/th th星期三/th th星期四/th th星期五/th tr tr td第12节/td td体育/td 7.5.1设置单元格跨行 td大学英语/td td高等数学/td td rowspan=“2” valign=“middle”数据结构/td !--此处定义了一个单元格 占了两行-- tdWeb开发/td