语言——表格学习.pptx
2023/2/231表 格如何生成表格表格单元的操作表格的深入理解第1页/共32页2023/2/232表格的结构一个表格的结构图 -说明：最外层：-:第2页/共32页2023/2/233表格的结构说明第二层：表格内容标题-标记表明内容标题-标记每一列标题的具体内容表格的标题-标记表格的标题表格的主体-标记表格的主体-:标记每个单元格的每行内容-:标记每个单元格的每列内容第3页/共32页2023/2/234一个表格实例 表格样例 标题内容 !-设置表格标题头,标题头每一列名称使用标记创建-表头1 表头2 表头3 第4页/共32页2023/2/235一个表格实例 内容-1 内容-2 内容-3 内容-1 内容-2 内容-3 内容-1 内容-2 内容-3 第5页/共32页2023/2/236表格实例效果第6页/共32页2023/2/237表格单元的操作边框的使用边框的宽度：标记的border属性：格式：-其中n在1,100中取值。边框的颜色：标记的属性bordercolor:指定边框的颜色bordercolordark和bordercolorlight:创建具有3D效果的边框颜色注意：关于边框颜色的属性必须与border属性一起使用。第7页/共32页2023/2/238表格单元的操作边框的使用设置边框颜色的格式：第8页/共32页2023/2/239表格单元的操作边框的使用边框的样式：标记的frame属性格式：属性值above:显示上面的边框(不显示最下面的边框)below:显示下面的边框(不显示最上面的边框)border:缺省值，显示所有边框box:显示所有边hsides:不显示左右两边的边框lhs:只显示左边的边框rhs:只显示右边的边框void:不显示外面的边框vsides:不显示上下两边的边框第9页/共32页2023/2/2310表格单元的操作边框的例子 表格样例 表格边框设置实例 !-设置表格标题头,标题头每一列名称使用标记创建-表头1 表头2 表头3 第10页/共32页2023/2/2311表格单元的操作边框的例子 内容-1 内容-2 内容-3 内容-1 内容-2 内容-3 内容-1 内容-2 内容-3 第11页/共32页2023/2/2312表格单元的操作边框例子效果第12页/共32页2023/2/2313表格单元的操作表格的位置表格的位置：属性 align设置表格在浏览器中的水平对齐位置。格式：:表格水平对齐位置:标题水平对齐位置第13页/共32页2023/2/2314表格单元的操作表格的位置单元格的位置：属性align和valign设置单元格的水平对齐位置和垂直对齐位置格式：baseline:表示文本位于同一基线上。垂直对齐属性的默认值是中间对齐第14页/共32页2023/2/2315表格单元的操作表格位置例子 表格样例 表格属性格式设置实例 !-设置表格标题头并使用标记创建每一个标题头名称，并使文本与单元格顶部对齐-表头1 表头2 表头3 第15页/共32页2023/2/2316表格单元的操作表格位置例子 !-创建表格的第一行,并应用垂直对齐方式使文本与单元格底部对齐，然后使用标记创建表格第一行种的每一个单元格-内容-1 内容-2 内容-3 !-创建表格的第二行,并应用垂直对齐方式使文本与单元格底部对齐，然后使用标记创建表格第二行种的每一个单元格-内容-1 内容-2 内容-3 内容-1 内容-2 内容-3 第16页/共32页2023/2/2317表格单元的操作表格位置例子效果第17页/共32页2023/2/2318表格单元的操作单元格的宽度和高度属性：width:设置单元格的宽度height:设置单元格的高度units:指定宽度和高度的表示单位，其值为：en:默认值，1en=1/2点=1/144英寸pixels:像素单位，与系统配置相关relative:相对单位，以浏览器视窗为基准格式：第18页/共32页2023/2/2319表格单元的操作单元格的宽度和高度例如：表示了一个占视窗宽度75%，高度30%的表格说明：可以对整个表格的单元宽度和高度进行控制，如前面例子。可以对某个单元格宽度和高度进行控制，对等标记使用width和height属性。第19页/共32页2023/2/2320表格单元的操作单元格的距离属性：border、cellspacing格式：例如：应用cellspacing属性样例 cellspacing属性格式设置实例 表头1 表头2 表头3 第20页/共32页2023/2/2321表格单元的操作单元格的距离 内容-1 内容-2 内容-3 内容-1 内容-2 内容-3 内容-1 内容-2 内容-3 第21页/共32页2023/2/2322表格单元的操作单元格距离的效果第22页/共32页2023/2/2323表格的深入使用和标记同时使用设置标题的大小与样式例如：标题名称 和标记同时使用设置单元格中文字的颜色例如：Info 1第23页/共32页2023/2/2324表格的深入使用单元格颜色不能用和同时设置一行单元格的颜色如：info1 info2 info3第24页/共32页2023/2/2325表格的深入使用设置表格背景颜色和单元格的背景颜色格式：:设置表格背景颜色:设置单元格的背景颜色例如设置表格的背景图案格式url:指定图片的路径第25页/共32页2023/2/2326表格的深入使用合并单元格属性：标记的rowspan和colspan属性：设置表头标记的rowspan和colspan属性：设置单元格格式表尾标记：-格式：表尾文档 第26页/共32页2023/2/2327表格的深入使用 表格格式化样例 !-如果没有对应，表示所有文档内容使居中对齐-NBA比赛技术统计表 参赛队伍 技术统计分析 得分 三分球 篮板球 助攻 第27页/共32页2023/2/2328表格的深入使用 湖人队 110个 10个 15个 30次 开拓者队 100个 7个 16个 25次 注：这是美国NBA06年季赛统计结果 第28页/共32页2023/2/2329表格的深入使用(没有表尾)第29页/共32页2023/2/2330表格的深入使用(带表尾)第30页/共32页2023/2/2331表格的嵌套可以在表格的单元格中嵌套一个另外的表格。第31页/共32页2023/2/23School of Applied Technology Soochow University32感谢您的观看！第32页/共32页
