网页设计与开发第3章HTML中的表格.ppt

/tr tr align=center td colspan=2工作时间/td !-- 合并2个单元格 -- td colspan=3工作单位/td !-- 合并3个单元格 -- td colspan=2工作职位/td !-- 合并2个单元格 -- /tr tr td colspan=22010-2011/td td colspan=3吉林省明日科技有限公司/td td colspan=2Java程序员/td /tr tr height=100 td工作描述：/td td colspan=7根据自己的实际情况填写/td !-- 合并7个单元格 -- /tr tr td colspan=7 align=centerb项目经验/b/td !-- 合并7个单元格 -- /tr tr td colspan=7 height=100根据自己的实际情况填写/td !-- 合并7个单元格 -- /tr tr td colspan=7 align=centerb自我评价/b/td !-- 合并7个单元格 -- /tr tr td colspan=7 height=100能吃苦耐劳，对待工作、学习、人生积极乐观。有坚毅的性格和强烈的责任心，集体荣誉感强，诚实守信、具有团队协作精神，创新意识。/td /tr tr td colspan=7 align=centerb求职意向/b/td !-- 合并7个单元格 -- /tr tr td工作地点：/td td colspan=6长春市/td !-- 合并6个单元格 -- /tr tr td意向行业：/td td colspan=6计算机/互联网/通信/电子/td !-- 合并6个单元格 -- /tr tr td意向岗位：/td td colspan=6本专业相关或相近的工作或管理工作的职位/td !-- 合并6个单元格 -- /tr tr td工资要求：/td td colspan=6面议/td !-- 合并6个单元格 -- /tr /table /body （1）在表格中可以通过caption标记来设置特殊的一种单元格即标题单元格。 （2）为了美化表格，我们可以通过设置表格中的属性bordercolor来改变表格边框的颜色。 （3）在表格中通过设置属性align的值来设定表格的对齐方式。 （4）通过设置属性background的值可以为表格的背景加入一张背景图片。 （5）在水平方向上，可以通过设定行属性align的值，来改变本行的水平对齐方式，分别为左对齐、居中对齐和右对齐。 （6）在垂直方向上，可以通过设定行属性valign的值，来改变本行的垂直对齐方式，分别为居上、居中和居下。 （7）HTML中规定了thead、tbody和tfoot三个标记，分别对应表格的表首、表主体和表尾。 知识点提炼 1．在HTML中，绘制一张表格通常需要使用哪几个标记？ 2．在HTML中，如何为表格设置背景图片？ 3．在HTML中，表头标记是什么？ 4．在HTML中，提供了哪几个表格的结构标记？ 习题 * * 与表格相同，对表格的行来说也可以通过设置bgcolor的属性单独为背景设置颜色。其具体语法如下： tr bgcolor=value value：颜色的值，可以使用英文颜色名称或十六进制颜色值表现。 【例3-7】 下面是三个学生的数学成绩，数学成绩最差的学生及成绩的背景颜色设置为黄色。代码如下所示。 body table border=1 align=center width=200 tr bgcolor=#B6B6B6 !-- 设置此行背景颜色为灰色 -- td姓 名/td td数学成绩/td /tr tr td张三/td td97分/td /tr tr bgcolor=yellow !-- 设置此行背景颜色为黄色 -- td李四/td td58分/td /tr tr td王五/td td85分/td /tr /table /body 3.2.3 设置行的背景颜色 运行本实例，将显示如图3-7所示的运行结果。 图3-7 将数学成绩最差的学生及成绩的背景颜色设置为黄色 在水平方向上，可以通过设定行属性align的值，来改变本行的水平对齐方式，分别为左对齐、居中对齐和右对齐。具