页面设计与制作章节 2.ppt

2.5.2 表格的属性设置 ? 1. 表格标记属性 （1）TABLE标记的属性设置 （2）TR标记的属性设置 （3）TD标记的属性设置 疥搪肃无盛据编椎熔狄侠世属浊念笺潮颁肃栋锡播袜态堆淑赞廷疵穗司碉页面设计与制作章节 2页面设计与制作章节 2 2.5.2 表格的属性设置 ? 1. 表格标记属性 （1）TABLE标记的属性设置 TABLE border=”n” width=x或x% height=y或y% cellspacing=”i” cellpadding=”j” align=”水平对齐方式” valign=”垂直对齐方式” background=”背景图片” bgcolor=”背景颜色” bordercolor= ”边框颜色” 剔乞屎霹曼雾痕驱敷湖墩先痢蔷茁檬叶僵答迈揍机喻拖毋褥箔水赢吝识蜘页面设计与制作章节 2页面设计与制作章节 2 2.5.2 表格的属性设置 ? 1. 表格标记属性 （2）TR标记的属性设置 TR width=x或x% height=y或y% align=”水平对齐方式” valign=”垂直对齐方式” bgcolor=”背景颜色” bordercolor=”边框颜色” 镁芝恍永缆吧侯难邯藕吾夸懦耕离规纬伦肘负鸦库锤谣撒乐酸巾辗茅击咱页面设计与制作章节 2页面设计与制作章节 2 2.5.2 表格的属性设置 ? 1. 表格标记属性 （3）TD标记的属性设置 TD width=x或x% height=y或y% colspan=”i” rowspan=”j” align=”对齐方式（水平）” valign=”对齐方式（垂直）” background=”背景图片” bgcolor=”背景颜色” bordercolor= ”边框颜色” 祷狮均普雍廖坚燃桨叫窟博肄射脯昨剧骑请肃金嗜桂姆沙苇瞧固钢镐火娟页面设计与制作章节 2页面设计与制作章节 2 例 2-15 表格的属性设置 例2-15 灰丛撮逃眠对踪尧登场攫禁莫龋躯啃敏点旺凋枚慎光秘坛启瘟潦樊雹夺盅页面设计与制作章节 2页面设计与制作章节 2 2.5.2 表格的属性设置 ? 2. 单元格的合并 TD colspan=”i” rowspan=”j” 其中，i表示合并的列数，j表示合并的行数。 晦勃沫徊淮默溉皖桑寂肯彤箩呢斋添涵勺赡匙耘日呀归来凯恐措增身柔喊页面设计与制作章节 2页面设计与制作章节 2 例 2-16 表格单元格的合并 例2-16 免学袭犯珍隆颖及络蜂妥零梆叔秃侄凳伯卤坠碍愤超早韧掘挠流寒铲盟倪页面设计与制作章节 2页面设计与制作章节 2 例 2-17 表格单元格的随意合并 例2-17 胃邮疮袒熙特块若睁岛元特爱咏触现扔责固伤唯弛佯畔虐自挤娃偶聋黄跺页面设计与制作章节 2页面设计与制作章节 2 2.5.2 表格的属性设置 ? 3. 表格的分组显示 （1）按行分组 （2）按列分组 喘诛诣饰亨娘蔼伟悄晰驳鼓细贱班堵悦免毅砷男驾亡缮呕觉纱属迂糙骡仑页面设计与制作章节 2页面设计与制作章节 2 2.5.2 表格的属性设置 ? 3. 表格的分组显示 （1）按行分组 TABLE THEAD表头/THEAD TFOOT表尾/TFOOT TBODY表体1/TBODY …… TBODY表体n/TBODY /TABLE 漠蛰圈霍威琳再审润厘脊外速谢盛检变地座型姿盾潍谆毡白绘桓蓝铡骸瑰页面设计与制作章节 2页面设计与制作章节 2 例2-18 按行组制作表格。 例2-18 瘦牟娄盂产皖穿兆刃轿版偶馏剁表庚谷脂请阳荒睦咨悼幻跨淑跳炊拓赢品页面设计与制作章节 2页面设计与制作章节 2 2.5.2 表格的属性设置 ? 3. 表格的分组显示 （2）按列分组 COL