第九讲 HTML网页设计基础七.ppt

课程名称：网页设计基础 第九章 表格和Head区 学习目标 掌握table标签的使用 掌握head区几个实用用法 内容提要（Point Content) table标签使用 head标签的使用 基本语法 table tr td…/td …… /tr tr td…/td …… /tr ……… /table Table标签的说明 表格是用于排列内容的最佳手段 相关标签 table.../table - 定义表格tr - 定义表行th - 定义表头td - 定义表元(表格的具体数据) 表格属性 表格属性示例 TABLE border=10 bordercolor=gray width=400 heitht=50 bgcolor=#00FFFF Cellspacing=50 CellPadding=50 表格标题和表头 caption align=#…/caption #-- center left right th align=# …/th tr td 属性 trtd综合示例 TR height=80 TD 001/TD TD valign=topTom/TD TD valign=bottom align=center20/TD /TR 跨多行、多列的表元(Table Span) Colspan=# #为要合并的单元格数 Rowspan=# 表格嵌套 大小单位 有相对单位与绝对单位两种单位 表达方式。相对单位： 『em』：相对於字母高度的比例因子。『en』：相对於字型大小的比例因子。『%』：相对於长度单位（通常是目前字型的大小）的百分比例 『in』：英寸。『cm』：公分。『mm』：公厘。『px』：像素（系统预设单位）。『pc』：pica，印刷活字单位。『pt』：像点。最常用的！相对关系：1in= 6pc= 72pt= 2.54cm IE?3.x 会错误地将em 和ex单位当作像素，同时小心使用百分比的值 本章小结 表格的相关标签的使用 问题和解答 课堂练习 完成一个表格嵌套，p172 * * Ch09_1.htm 表格水平对齐 align 单元格与单元格的间距 cellspacing 单元格与文字的间距 cellPadding 表格暗边框色右下边框色 bordercolordark 背景图象 background 背景颜色 bgcolor 表格亮边框色左上边框色 bordercolorlight 表格边框色 bordercolor 表格高度 height 表格宽度 width 表格边框 border 描述 属性 Ch09_2.htm ch09_3.htm 表格水平对齐 align 跨行 rowspan 跨列 colspan 表格暗边框色右下边框色 bordercolordark 背景图象 background 背景颜色 bgcolor 表格亮边框色左上边框色 bordercolorlight 表格边框色 bordercolor 表格高度 height 表格宽度 width 表格边框 border 描述 属性 Ch09_4.htm ch09_5.htm ch09_6.htm