4-网页中的表格设计学案.ppt

网页中的表格设计;教学基本要求;表格相关标签;建立表格示例;建立表格示例;建立表格示例;表格修饰;表格修饰属性;表格修饰-表格边框设计;表格修饰-表格边框设计;表格修饰-表格边框设计;表格修饰-表格尺寸与背景;表格修饰例-表格尺寸与背景;表格修饰例-表格尺寸与背景;表格修饰例-表格尺寸与背景;表格修饰例-表格尺寸与背景;表格修饰-表格间距与边距;表格修饰-表格间距与边距;表格修饰-表格间距与边距;表格修饰-表格间距与边距;表格修饰-表格标题与位置;表格修饰-表格标题与位置;表格修饰-表格标题与位置;表格行设计属性;表格行高与文字对齐方式例： tr height = 象素值 行高指定 tr align = left/center/right 文字水平对齐 tr valign = top/middle/bottom 文字垂直对齐;表格行设计-行高与文字对齐方式;行单元格边框与背景例： tr bordercolor = 颜色值 单元格边框颜色 tr bgcolor = 颜色值 单元格背景颜色 ;表格行设计-行单元格边框与背景;单元格设计属性;td width = 象素值/占表格百分比 本单元格的宽度 td align = left/center/right 本单元格内文字水平对齐方式 td valign = top/middle/bottom 本单元格内文字垂直对齐方式 例：;单元格设计-列宽与文字对齐;td bordercolor = 颜色值 本单元格边框颜色 th bgcolor = 颜色值 本单元格背景颜色 th background = URL 本单元格背景图案 例： ;单元格设计-边框与背景;td rowspan = 跨行数 本单元格所跨行数，默认值为1 td colspan = 跨列数 本单元格所跨列数，默认值为1 例：;单元格设计- 跨行跨列;单元格设计- 跨行跨列;表格单元格修饰属性小结