2014高中信息技术HTML文档中的表格和标签教案新人教版.doc

PAGE  PAGE 2 2014高中信息技术 HTML文档中的表格和标签教案 新人教版 　　table标签是表格的标识符，用来界定表格的范围。table标签是成对使用的标签，首标签和和尾标签之间的内容就是表格的内容。table标签的属性主要有border,width,height,align,cellspacing,cellpasdding，它们都是可选的。 　　1．border属性的参数值是数字，表示表格边框宽度所占的像素点数。它也可以不带有参数值使用，仅表示该表格是有边框的。例如table border=10表示该表格的边框宽度为10个像素点。 　　2．width和height属性的作用是指定表格的大小。其中width属性用来规定表格的宽度，height属性用以指定表格的高度。这两个属性的参数值可以是数字或者百分数，其中数字表示表格的宽(高）所占的像素点，百分数表示表格的宽(高）占据浏览器窗口的宽（高）度的百分比。例如：table width=200 height=50%表示表格的宽度为200个像素点，高度为浏览器窗口高度的50%。 　　3．align属性的参数值为left,center和right之一，分别表示表格位于其相邻文字的左侧、表格水平居中和表格位于相邻文字的右侧。例如： 　 　　　　/tr 　　　　tr 　　　　td1/tdtd解释项/td 　　　　td解释项/tdtd同上/tdtd同上/td 　　　　/tr 　　　　tr 　　　　td2/tdtd解释项/tdtd同上/td 　　　　td又一单元/tdtd接着来/td 　　　　/tr 　　　　/table 　　　　/body 　　　　/html 　　这个就是表格居于相邻文字左侧的范例，只要改变一下align的属性参数就可以改变表格的位置了。 　　4．cellspacing属性。cellspacing属性用来指定表格各单元格之间的空隙。此属性的参数值是数字，表示单元格间隙所占的像素点数。 　　5．cellpadding属性。用来指定单元格内容与单元格边界之间的空白距离的大小。此属性的参数值也是数字，表示单元格内容??上下边界之间空白距离的高度所占像素点数以及单元格内容与左右边界之间空白距离的宽度所占的像素点数。例如： 　　　　html 　　　　head 　　　　title测试页面/title 　　　　/head 　　　　body 　　　　hr 　　　　没加如单元格属性的规定之前的样子：br 　　　　table border=3 　　　　tr 　　　　th单元格/thth单元格/th 　　　　th单元格/thth单元格/thth单元格/th 　　　　/tr 　　　　tr 　　　　td1/tdtd单元格/td 　　　　td单元格/tdtd单元格/tdtd单元格/td/tr 　　　　tr 　　　　td2/tdtd单元格/td 　　　　td单元格/tdtd单元格/tdtd单元格/td/tr 　　　　/table 　　　　hr 　　　　加入单元格属性规定之后的情形：br 　　　　table border=3 cellspacing=10 cellpadding=10 　　　　tr 　　　　th单元格/thth单元格/th 　　　　th单元格/thth单元格/thth单元格/th 　　　　/tr 　　　　tr 　　　　td1/tdtd单元格/td 　　　　td单元格/tdtd单元格/tdtd单元格/td/tr 　　　　tr