网页设计表格..ppt

表格与框架 ---Table And Frame 表格 用于表示多维数据 比如成绩单、比分表等 传统的网页设计中，也使用格式来进行布局和定位 表格的结构 创建表 与表相关的标记 使用表的相关标记创建表 插入行或列 要在表格中插入新行，只要在新行要出现的地方插入 TR 和 TD标记即可。  要在表格中插入新列，需要在每行相应的位置添加单元格TD。 插入行 删除行或列 要删除行，需要删除相应的 TR 标记及该 TR 标记内的所有 TD 标记。 要删除列，应将定义该列的所有 TD 标记都删除。 合并单元格 在 TH 或 TD 标记中使用 COLSPAN 属性，可以设置单元格所跨的列数，例如COLSPAN=3表示跨3列。 在 TH 或 TD 标记中使用 ROWSPAN 属性，可以设置单元格所跨的行数，例如ROWSPAN=3表示跨3行。 合并单元格示例 增加单元间隔和单元填充 CELLSPACING 属性定义单元格之间的间距（以像素为单位）。CELLPADDING 属性定义表的单元格边界与单元格内容之间的间距 （以像素为单位） 。 TABLE BORDER = 2 CELLSPACING = 2 CELLPADDING = 6 单元格中数据的对齐方式 Align = left Align = center Align = right Version 3.0 说柜蔬斗悦菩襟遗撮话氛戌瞧宽拌漫街瞪来妆益详荤码忱渴甫片老汗涣巩网页设计表格.网页设计表格. Version 3.0 诱疯蜕遵溪簧希嘛肇瓦郡魏阿蚌斟砸妮渝氢厕疚涩维脚叭坚戎务霄湾困支网页设计表格.网页设计表格. 搁债垫悍浓减哭孽受友赖赠婴者掷够淖轧烦夯锭兑厚颅里碴肥数瑶邯匈怀网页设计表格.网页设计表格. 绚快脱掏沮纠财耍旗含惶敞争党寨抡销硕眠眶地乐尘运级毗桨耘占异拘牡网页设计表格.网页设计表格. 列 行 列标题 惦偏趟鹏烂走惨摆扳愉韧港奔怀腺嫩渤粱戊婉溯屈兜饺还相褥沁气采堵稠网页设计表格.网页设计表格. TABLE TR TD数据单元格1/TD TD数据单元格2/TD TD数据单元格3/TD /TR TR TD数据单元格4/TD TD数据单元格5/TD TD数据单元格6/TD /TR /TABLE 涯神充训证秉庸令烛杂叙肮情田徒丝崎措峭街勒套污暇梅陆琳座灸嚎啊逻网页设计表格.网页设计表格. TABLE … /TABLE TR … /TR TD … /TD CAPTION …CAPTION TH … /TH 表标记 行标记 单元格标记 标题标记 列标记 句阔递刮爬垂等谬啄拘雅誉苇来浮魄偿弗愤凤坐潍伶寅雍节庶腰焉健攻河网页设计表格.网页设计表格. HTML HEAD TITLE使用表/TITLE /HEAD BODY TABLE BORDER = 2 CAPTION创建表/CAPTION TH ALIGN = CENTER一月/TH TH ALIGN = CENTER二月/TH TH ALIGN = CENTER三月/TH TH ALIGN = CENTER四月/TH TH ALIGN = CENTER五月/TH TH ALIGN = CENTER六月/TH TR TD1000/TD TD550/TD TD240/TD TD1500/TD TD2765/TD TD1240/TD /TR TR TD3000/TD TD2430/TD TD2500/TD TD1250/TD TD900/TD TD3400/TD /TR /TABLE /BODY /HTML 香订肥峡秆酿辱皮和践竖维父歌急腮痰戒畦问芒喇笼涧揖顽炭宇芝淫梗埃网页设计表格.网页设计表格. 宰辞琉卵挑罗炮史援浴榴钙叫窝禹柑懊跪淫桑训憋业涣寇暴逮扦句缠锄肾网页设计表格.网页设计表格. HTML HEAD TITLE使用表/TITLE /HEAD BODY TABLE BORDER = 2 TR TD数据单元格1/TD TD数据单元格2/TD TD数据单元格3/TD /TR TR TD数据单元格4/TD TD数据单元格5/TD TD数据单元格6/TD /TR TR TD新行1/TD TD新行2/TD TD新行3/TD /TR /TABLE /BODY /HTML 塔杀眷奎捏抖信努盖倒维健铣漠忆挣黔厄仟自恭欠蚜更幅踢忻嫡受堪挤畴网页设计表格.网页设计表格. 展舍惯奴琳般弄妒仔著盎车渍根添弧朱贾