第二章 表格和列表(理论).pptVIP

什么是程序程序是怎么开发出来的编译连接运行什么是IDE编译和调试表格和列表第二章本章单词table （表格，目录)border （边，边界，边框）caption （解说词，标题）cell （细胞，组成单元）width （宽度）align （对齐）vertical （垂直的）row （排，行）collumn （柱，列）item （一个物品，一个条款，条目，项目）预习检查*预习检查为表格设置()属性可以控制表格中相邻单元格的间距，设置()属性可以控制表格中单元格的内容与其边界的间隙。width cellspacingcellspacing widthcellspacing cellpaddingcellpadding cellspaing使用()标签为表格创建标题，使用()标签代替td/td标签可以创建标题单元格。th/th caption/captioncaption/caption tr/trtitle/title th/thcaption/caption th/th预习检查为单元格标签设置()属性可实现跨行合并，设置()属性可实现跨列合并。rowCells colCellscellRow cellColrows colsrowspan colspan要显示乘314路公交车从汽车西站到五一广场途中经过的公交站点，并在每个公交站点名称前用数字表示途经的先后顺序，应使用()标签和它内部的()标签。li/li list/listlist/list item/itemul/ul li/liol/ol li/li预习检查ul/ul标签显示时，它内部的列表项目前面默认显示的符号是()。阿拉伯数字英文字母实心圆点空心圆圈本章目标理解表格的结构掌握表格相关的标签掌握单元格合并理解列表的分类掌握两种列表及列表项目的标签网页中使用表格与表格相关的一组标签table tr td排名/td td歌曲/td td歌手/td /tr tr td1/td td灰色的彩虹/td td范玮琪/td /tr ……/table演示例2-1table的属性属性意义border设置表格边框的宽度，默认无边框。width设置表格的宽度，可用px像素单位，或%百分比。cellspacing设置表格中相邻单元格之间的距离。cellpadding设置表格中每个单元格的内容与单元格边界的距离。tableborder=1width=280pxcellspacing=5pxcellpadding=12px演示例2-2表格标题和标题单元格tableborder=1width=80% captionXX公司八月份工资表/caption tr th姓名/th th基本工资/th th岗位工资/th th补贴/th th应发工资/th /tr tr thximosu/th td1000/td td2000/td td200/td td3200/td /tr …… /table演示例2-3单元格合并tr throwspan=2部门/th throwspan=2姓名/th thcolspan=2工资/th thcolspan=2补贴/th throwspan=2应发工资/th/trtr th基本工资/th th岗位工资/th th午餐补助/th th高温补助/th/trtr throwspan=2研发部/th thximosu/th td1000/td td2000/td td200/td td100/td td3300/td/tr演示例2-4th、td的属性属性意义colspan单元格跨列合并后，占据的列数。rowspan单元格跨行合并后，占据的行数。align单元格内部的内容的水平对齐方式，值可为left、center、right、justify，在td/td标签内此属性默认为left，在th/th标签内默认为centervalign单元格内部的内容的垂直对齐方式，值可为top、middle、bottom、baseline，默认为middle。单元格内容的对齐方式tableborder=1width=250px tr tdrowspan=2valign=top单元格/td tdalign=center单元格/td tdalign=ri