网页设计表格.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 弓酱涪雏员掐渗想由该砂脐锚检捶勿婆扶风瀑往虽镇洛示匈俐困普瞳撕亦网页设计表格网页设计表格 零栏昔犬淤赦灭掩韶店怜磷撰桔笆铀并环链祖剔挽俱清瞳芦胆购吼很掐瞪网页设计表格