网页设计表格资料.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 HTML HEAD TITLE使用表/TITLE /HEAD BODY TABLE BORDER = 2 BGCOLOR = lavender CELLSPACING = 2 CELLPADDING = 6 CAPTION创建表/CAPTION TH ALIGN = CENTER COLSPAN = 3第一季度/TH TH ALIGN = CENTER COLSPAN = 3第二季度/TH TR TD一月/TD TD二月/TD TD三月/TD TD四月/TD TD五月/TD TD六月/TD /TR 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 请大家分