(制作表格网页.docVIP

单元四 制作表格网页 [学习目标] 学习制作表格网页有关的常用标记符的用法，包括在网页中创建基本表格以及相对比较复杂的表格，并对表格及文字对齐方式进行设置，设置表格的色彩及显示样式。通过学习能制作出相对比较复杂的表格，并能对表格进行美化处理。 4.1 创建基本表格 [案例说明]利用table/table标记符创建如图4-1的表格 图4-1 利用table/table标记符创建表格 [代码分析] [知识扩展] 表格中的表头具体数据” ” color=” “ /font进行设置。 [相关知识] 表格是由行和列组成的，下图（图4-2）是一个典型的表格，它由标题、表头、表格数据、表格单元格组成。 图4-2 典型的表格 table border=1 tr td1行1列/td 第一列 td1行2列/td 第二列 行标记（1行） 定 td1行3列/td 第三列 义 /tr tr 表 td2行1列/td 第一列 格 td2行2列/td 第二列 行标记（2行） td2行3列/td 第三列 /tr /table 上述的HTML代码在浏览器中显示的结果如图4-3所示。 图4-3 表格的table.../table 定义表格tr…/tr 定义表行th…/th 定义表头td…/td 定义表元(表格的具体数据)…… trtd表项m1/tdtd表项m2/td。。。。td表项mn/td/tr trtd表项11/tdtd表项12/td。。。。td表项1n/td/tr trtd表项11/tdtd表项12/td。。。。td表项1n/td/tr trtd表项11/tdtd表项12/td。。。。td表项1n/td/tr trtd表项11/tdtd表项12/td。。。。td表项1n/td/tr /table 4.2 创建跨多行、多列表元跨多行、多列表元跨多行、多列表元 上述代码中用到了一个上下合并功能（跨多行的表元td width=81 rowspan=3 valign=top p/pp照片/p p/p/td 上述代码中用到了四个左右合并功能（跨多列的表元td width=243 colspan=3 valign=top p党员/p/td td width=487 colspan=6 valign=topp江苏省*****/p/td td width=487 colspan=6 valign=topp***********************/p/td td width=81 valign=topp简历/p/td td width=487 colspan=6 valign=top p************************************/p …… p************************************/p /td [相关知识] 并非所有的表格都是如4-2规则的表格，有时候，希望能够“合并栏位”，让表格更美观、更实用一点，“合并栏位”的方向有两种，这两种合并方式各有不同的属性设定方法。 一种是上下合并（跨多行的表元跨多列的表元 呈现结果 table border=1 trtd colspan=31/td/tr trtd4/tdtd5/tdtd6/td/tr /table 1 4 5 6 colspan=3就是“左右栏位合并”的属性，colspan=3的意思就是“这个栏位左右横跨了3个栏位”，也正因如此，本来的两个td都可以省