网页设计和开发第6章试题及答案解析

WORD格式整理版学习好帮手《网页设计与开发第6章》试卷一、选择题1）在HTML文件中，可以让表格显示边框线，例如：tableborder=5,5代表边框线的粗细，它的单位是()。A．cmB．pixelC．gridD．dot答案:B2）在HTML语言中，下列()是专属于td、th元素的属性。A．bgcolorB．alignC．colspanD．background答案:C3）关于HTML表格说法错误的是()。A．表格的width属性可以设置为像素值或百分比B．表格的height属性可以设置为像素值或者百分比C．如果不指定border属性，表格默认宽度为1D．表格和单元格的背景色可以同时设置答案:D4）下列()设置能使单元格显示边框。A．在td中添加border属性B．在table中添加border属性C．在tr中添加border属性WORD格式整理版学习好帮手D．以上全都可以答案:A5）在HTML文件中，给表格添加行的标签是()。A．tr/trB．td/tdC．th/thD．以上都正确答案:A6）跨多列的单元格的HTML代码为（）。A．thcolspan=#B．throwspan=#C．tdcolspan=#D．tdrowspan=#答案:C7）设置表格的单元格填充为0的HTML代码是（）。A．tablecellspacing=0B．tableheight=0C．tableborder=0D．tablecellpadding=0答案:D8）表示表头的背景色彩的HTML是（）。A．trcolor=#B．trbgcolor=#C．thbgcolor=#D．thcolor=#答案:CWORD格式整理版学习好帮手9）表示表头的背景图像的HTML是（）。A．trbackgound=#B．thbackgound=#C．thsrc=#D．trsrc=#答案:B10）关于表格的描述正确的一项是（）。A．在单元格内不能继续插入整个表格B．可以同时选定不相邻的单元格C．粘贴表格时，不粘贴表格的内容D．网页中水平方向可以并排多个独立的表格答案:D11)html语言中，设置围绕表格的边框的宽度的标记是？A.tableborder=#B.tablecellspacing=#C.tablecellpadding=#D..tablewidth=#or%答案:A12）表格标记的基本结构是？A.tr/trB.br/brC.table/tableD.bg/bg答案:C14）定义表元的HTML是（）WORD格式整理版学习好帮手A.tableB.tdC.trD.th答案:B15）跨多行的表头的HTML代码为（）A.thcolspan=#B.throwspan=#C.tdcolspan=#D.tdrowspan=#答案:B16）设置表格的单元格填充为0的HTML代码是（）A.tablecellspacing=0B.tableheight=0C.tableborder=0D.tablecellpadding=0答案:D17.设置表格的宽度为600的HTML代码是（）A.tableheight=500width=600B.tablevspace=600hspace=500C.tableheight=600width=500D.tablevspacet=500hspace=600答案:A18.设置表格边框色彩的亮度的HTML代码是（）WORD格式整理版学习好帮手A.thbordercolorlight=#B.tablebordercolor=#C.thbordercolor=#D.tablebordercolorlight=#答案:D19.表格的题头的HTML是（）A.tbody.../tbodyB.tfoot.../tfootC.thead.../theadD.caption.../caption答案:D20.tablerules=cols,表示（）A.显示所有分隔线B.只显示组(Groups)与组之间的分隔线C.只显示行与行之间的分隔线D.只显示列与列之间的分隔线答案:D21.如果要使浏览器不显示表格边框，应将“边框粗细”设置为（）。A:1B:2C:3D:0答案:D22.Html标记中，用什么方法可以将整个表格在页面中居中？WORD格式整理版学习好帮手A.place=middleB.type=middleC.align=centerD.type=center答案：C23.分析下面的HTML代码片段，则选项中的说法正确的是（）。tableborder=10trtdcolspan=2align=center姓名/td/trtrtdrowspan=2align=center成绩/tdtdalign=center语文/td/trtrtdcolspan=2align=center数学/td/trtableA.该表格共有2行3列B.该表格的边框宽度为10毫米C.该表格中的文字均居中显示D.“姓名”单元个跨2行答案:C24.以下关于HTML语言中的表格的说法正确的是（）。A.在HTML语言中，表格必须由TABLE标签、TR标签、TD标签组成，缺一不可B.TABLE标签之前不能相互嵌套C.有多少对TR标签，就有多少列D.有多少对TD标签，就有多少行答案：A25.以下选项中，哪个全部都是表格标签？A．tableheadtfootB．tabletrtdC．tabletrttD．theadbodytr答案：BWORD格式整理版学习好帮手知识点：表格标记26.哪一个标记用于使HTML文档中表格里的单元格在同行进行合并？A．cellspacingB．cellpaddingC．rowspanD．colspan答案:D27.以下说法中，错误的是：。A．表格在页面中的对齐应在TABLE标记符中使用align属性。B．要控制表格内容的水平对齐，应在TR、TD、TH中使用align属性。C．要控制表格内容的垂直对齐，应在TR、TD、TH中使用valign属性。D．表格内容的默认水平对齐方式为居中对齐答案：D28．下列说法中正确的是（）A.使用表格进行布局时，表格的宽度都必须采用百分比计量方式B.表格不可以实现嵌套C.为了提高网页的下载速度，一般应把所有内容分成几块放在几个表格中D.使用表格进行布局时，最内层表格的宽度采用绝对计量方式答案：C29．很多动态大型网站也都是借助()排版,它可以把相互关联的信息元素集中定位。A.表单B.表格C.文字D.图像答案：BWORD格式整理版学习好帮手30、在复杂的表格结构中，有的单元格在水平方向上是跨多个单元格的，这时需要使用（）属性A.colspaceB.rowspaceC.cellpaddingD.cellspacing答案:A二、填空题1）在表格属性中，当表格的边框线设为______时，表格线不可见。答案:02）表格的______属性指定了单元格中的内容与单元格边框之间的空间大小。答案:cellpadding3）如果不希望表格宽度随窗口大小而变化，一般应该以_____为单位定义表格宽度。答案:百分比4）表格的宽度可以用百分比和____两种单位来设置。答案:像素5）请写出在网页中设定表格边框的厚度的属性_______；设定表格单元格之间宽度属性______________。答案:bordercellspacing6）请写出captionalign=bottom表格标题/caption功能是___________________。答案:设置表格标题7）单元格垂直合并所用的属性是__________；单元格横向合并所用的属性是___________。答案:rowspancolspan8）利用table标记符的____________属性可以控制表格边框的显示样式；利用table标记符的_________属性可以控制表格分隔线的显示样式。答案:frameborder9）要使整个表格行采用某种对齐方式，应在标记符中使用aligh属性。答案:cellpaddingWORD格式整理版学习好帮手10）设置表格标题的HTML标记是___________________。答案:caption三、简答题1.简述创建一个表格的基本步骤。答案：1)用合适的工具设计表格草图。2)确定表头。3)确定需要的行数和列数，标识出需要跨越多个单元格的行和列。4)合理的运用表格嵌套，尽量少用，避免结构的混乱。5)根据内容确定采用固定的和可缩放的流体设计。6)如果是一个需要分页的表格，需要考虑分页的设计效果。2.使用表格进行页面设计应注意哪些问题？答案：在创建复杂的表格之前，先进行规划，如可以先用笔在纸上设计页面。使用表格排版网页时，要尽量细划表格，不要把整个网页放在一个大的表格里。因为只有当表格内所有元素全部载入后，整个表格才得以显示。所以如果表格内有一些元素（比如计数器）载入较慢，就会延迟整个表格的显示。对于整个网页使用表格排版时，可以将整个页面分成几块，使用多个表格来排版。例如可以采用上部放置徽标、广告条、导航等、中间放置页面内容、下部放置版权信息等，结构分三部分，由三个表格实现。四、实验题1.成绩登记表的制作。下图是一个基本的成绩登记表，数据包括：ID序号、学号、姓名、平时成绩、期末成绩、总评成绩。答案：源代码文件如下：htmlWORD格式整理版学习好帮手headtitle成绩登记表/titlestyletype=text/css#score{width:600px;border:1pxsolid#000000;border-collapse:collapse;}#scoreth,td{border:1pxsolid#000000;}#scorecaption{font-size:28px;font-weight:bold;letter-spacing:12px;line-height:2.5;}#scoreth{background-color:#4682B4;font-size:20px;font-weight:bold;line-height:2;}#scoretd{font-size:18px;line-height:2;text-align:center;}#score.seq{width:50px;}#score.studentId{width:120px;}#score.studentName{width:80px;}#score.hwScore{width:100px;}#score.termScore{width:100px;}#score.finalScore{width:120px;}/*斑马纹类*/.oddtd{background-color:#FFF;}.eventd{background-color:#CCCCCC;}}/style/headbodytableid=scorecaption成绩登记表WORD格式整理版学习好帮手/captiontrthclass=seq序号/ththclass=studentId学号/ththclass=studentName姓名/ththclass=hwScore平时成绩/ththclasstermScore期末成绩/ththclass=finalScore学期总成绩/th/trtrclass=oddtd1/tdtd2010300201/tdtd张小丽/tdtd95/td