网页设计与开发第6章试卷及答案.pdf

《网页设计与开发第6章试卷及答案.pdf》由会员分享，可在线阅读，更多相关《网页设计与开发第6章试卷及答案.pdf（15页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、 网页设计与开发第6章试卷 一、选择题 1)在 HTML 文件中，可以让表格显示边框线，例如：,5 代表边框线的粗细，它的单位是()。Acm Bpixel Cgrid Ddot 答案:B 2)在 HTML 语言中，下列()是专属于 td、th 元素的属性。Abgcolor Balign Ccolspan Dbackground 答案：C 3）关于 HTML 表格说法错误的是(）。A表格的 width 属性可以设置为像素值或百分比 B表格的 height 属性可以设置为像素值或者百分比 C如果不指定 border 属性，表格默认宽度为 1 D表格和单元格的背景色可以同时设置 答案：D 4）下列(

2、)设置能使单元格显示边框。A在td中添加 border 属性 B在table中添加 border 属性 C在tr中添加 border 属性 D以上全都可以 答案:A 5）在 HTML 文件中,给表格添加行的标签是()。A tr /tr Btd /td Cth D以上都正确 答案：A 6）跨多列的单元格的 HTML 代码为（）。A Bth rowspan=C B table height=0 C Dtable cellpadding=0 答案:D 8)表示表头的背景色彩的 HTML 是（）。A B tr bgcolor=#C th bgcolor=D 答案:C 9）表示表头的背景图像的 HTML

3、 是（）。A tr backgound=#B C th src=#D 答案：B 10）关于表格的描述正确的一项是（）。A在单元格内不能继续插入整个表格 B可以同时选定不相邻的单元格 C粘贴表格时，不粘贴表格的内容 D网页中水平方向可以并排多个独立的表格 答案：D 11）html 语言中，设置围绕表格的边框的宽度的标记是？A.table border=#B。table cellspacing=#C。table cellpadding=D.table width=#or%答案:A 12）表格标记的基本结构是？A.B.br/br C。table/table D.bg/bg 答案：C 14)定义表元的

4、 HTML 是（）A。table B。td C.tr D。B。C.td colspan=D.td rowspan=#答案：B 16）设置表格的单元格填充为0 的 HTML 代码是（)A.B。table height=0 C。D。table vspacet=500 hspace=600 答案:A 18。设置表格边框色彩的亮度的 HTML 代码是（)A.th bordercolorlight=#B。table bordercolor=#C.th bordercolor=#D。table bordercolorlight=#答案：D 19.表格的题头的 HTML 是（）A.tbody。./tbody

5、 B.。/tfoot C。thead。./thead D。caption。.答案:D 20.table rules=cols,表示（)A.显示所有分隔线 B。只显示组(Groups）与组之间的分隔线 C。只显示行与行之间的分隔线 D.只显示列与列之间的分隔线 答案：D 21.如果要使浏览器不显示表格边框，应将“边框粗细”设置为（）。A:1 B：2 C：3 D:0 答案:D 22.Html 标记中,用什么方法可以将整个表格在页面中居中?A.place=middle B.type=middle C。align=center D.type=center 答案:C 23.分析下面的 HTML 代码片段

6、，则选项中的说法正确的是（).table border=10 tr td colspan=2 align=”center姓名 tr td rowspan=2 align=”center”成绩语文/tr tr td colspan=2 align=”center”数学/td/tr A.该表格共有 2 行 3 列 B.该表格的边框宽度为 10 毫米 C.该表格中的文字均居中显示 D.“姓名”单元个跨 2 行 答案:C 24。以下关于 HTML 语言中的表格的说法正确的是(）。A.在 HTML 语言中，表格必须由标签、标签、TD标签组成,缺一不可 B.标签之前不能相互嵌套 C.有多少对TR标签，就有

7、多少列 D.有多少对标签，就有多少行 答案:A 25。以下选项中，哪个全部都是表格标签？A tableheadtfoot B tabletd Ctabletr Dtheadtr 答案：B 知识点：表格标记 26。哪一个标记用于使 HTML 文档中表格里的单元格在同行进行合并？Acellspacing Bcellpadding Crowspan Dcolspan 答案：D 27。以下说法中，错误的是:.A表格在页面中的对齐应在 TABLE 标记符中使用 align 属性.B要控制表格内容的水平对齐，应在 TR、TD、TH 中使用 align 属性。C要控制表格内容的垂直对齐,应在 TR、TD、T

8、H 中使用 valign 属性.D表格内容的默认水平对齐方式为居中对齐 答案:D 28下列说法中正确的是()A.使用表格进行布局时，表格的宽度都必须采用百分比计量方式 B.表格不可以实现嵌套 C。为了提高网页的下载速度，一般应把所有内容分成几块放在几个表格中 D.使用表格进行布局时，最内层表格的宽度采用绝对计量方式 答案:C 29 很多动态大型网站也都是借助（)排版,它可以把相互关联的信息元素集中定位。A。表单 B.表格 C。文字 D.图像 答案:B 30、在复杂的表格结构中,有的单元格在水平方向上是跨多个单元格的，这时需要使用（）属性 A.colspace B.rowspace C。cell

9、padding D。cellspacing 答案:A 二、填空题 1）在表格属性中，当表格的边框线设为_时，表格线不可见。答案:0 2）表格的_属性指定了单元格中的内容与单元格边框之间的空间大小.答案：cellpadding 3）如果不希望表格宽度随窗口大小而变化，一般应该以_为单位定义表格宽度.答案:百分比 4)表格的宽度可以用百分比和_ 两种单位来设置。答案:像素 5)请写出在网页中设定表格边框的厚度的属性_;设定表格单元格之间宽度属性_。答案:border cellspacing 6）请写出caption align=bottom表格标题/caption功能是_。答案:设置表格标题 7)

10、单元格垂直合并所用的属性是_；单元格横向合并所用的属性是_.答案：rowspan colspan 8）利用table标记符的_属性可以控制表格边框的显示样式；利用table标记符的_属性可以控制表格分隔线的显示样式.答案:frame border 9）要使整个表格行采用某种对齐方式，应在 标记符中使用 aligh 属性。答案：cellpadding 10)设置表格标题的 HTML 标记是_。答案:三、简答题 1.简述创建一个表格的基本步骤。答案:1)用合适的工具设计表格草图。2)确定表头。3)确定需要的行数和列数,标识出需要跨越多个单元格的行和列.4)合理的运用表格嵌套，尽量少用，避免结构的混

11、乱。5)根据内容确定采用固定的和可缩放的流体设计.6)如果是一个需要分页的表格，需要考虑分页的设计效果。2。使用表格进行页面设计应注意哪些问题？答案：在创建复杂的表格之前，先进行规划,如可以先用笔在纸上设计页面。使用表格排版网页时，要尽量细划表格，不要把整个网页放在一个大的表格里。因为只有当表格内所有元素全部载入后，整个表格才得以显示。所以如果表格内有一些元素（比如计数器）载入较慢,就会延迟整个表格的显示.对于整个网页使用表格排版时，可以将整个页面分成几块，使用多个表格来排版。例如可以采用上部放置徽标、广告条、导航等、中间放置页面内容、下部放置版权信息等，结构分三部分，由三个表格实现。四、实验

12、题 1.成绩登记表的制作.下图是一个基本的成绩登记表，数据包括:ID 序号、学号、姓名、平时成绩、期末成绩、总评成绩。答案:源代码文件如下：head title成绩登记表 style type=text/css scorewidth：600px；border：1px solid#000000；border-collapse：collapse;#score th，td border:1px solid 000000;#score caption font-size:28px;fontweight:bold；letterspacing：12px;line-height：2.5；score th b

13、ackground-color:#4682B4；font-size:20px;fontweight：bold；line-height:2；#score td font-size：18px;line-height：2;textalign: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;/斑马纹类/。odd t

14、d backgroundcolor:#FFF；。even td backgroundcolor：CCCCCC；/style table id=”score 成绩登记表 /caption th class=”seq序号 th class=”studentId”学号 th class=studentName姓名/th th class=hwScore平时成绩/th th class”termScore期末成绩 th class=finalScore”学期总成绩/th td1/td 2010300201/td 张小丽/td td9595 /tr tr class=even”td2010300202/

15、td td90/td td88/td td89/td /tr tr class=”odd td3/td 2010300203/td td刘梅 98/td 92/td td95 /tr td4 2010300204/td 王刚/td td98/td td90/td 94 /tr tr class=odd 5/td td2010300205/td td郑军 td90 td85/td td87/td /tr tr class=even”td6 td808080/td /html 2.产品介绍页面的制作。使用表格布局完成下图的产品页面的展示 答案：源代码文件如下：html head title产品介绍

16、/title style type=text/css 。productwidth：500px；border:1px solid#FF6600;border-collapse:collapse;。product td border：1px solid#FF6600;。productNamefont-size：14px;color:993300;fontweight:bold;。categoryfont-size：14px;color：993300；fontweight：bold;background-color：#FFB468;。productImgtextalign：center；vertic

17、alalign：middle；width:170px；。productDescriptionbackground-color：#FEE8AB 。paraTable td border-style:none;.paraNamefontsize:13px；color：666666;text-align:right；vertical-align:top;width:70px;.paraValuefont-size：13px；text-align：left；paddingleft：5px;/style table class=product /td p class=paraValue佳能 IXUS 1

18、30（官方标配）BR 松下原装SD卡2G（高速正品)BR 佳能IXUS系列专用皮包 摄影指南 /td /tr 主要参数/td trtd colspan=2 table class=paraTable”tr型号:/tdPMP169B/td trtd class=paraName内存容量:/tdtd class=paraValue”512M/td/tr trtd class=paraName”屏幕尺寸:/tdtd class=”paraValue2.12英寸（最佳视觉比列16：9的宽屏）/td/tr 屏幕特性:/tdtd class=”paraValueLTPS TFT （720 x240)/td

19、视频功能:/td /table /td/tr td colspan=2功能参数/tr trtd colspan=2 td class=paraName”音频功能：/tdtd class=paraValue”支持音频格式:MP3,WMA，WAV/内置麦克风，支持LINEIN寻录/收音功能/内置喇叭/td/tr trtd class=paraName”录音格式:/td td class=paraValue”44.1KHz,128 Kbps,MP3，支持MIC/LINE-IN直录/tr td class=”paraName 附加功能:/td支持图片格式:JPEG （EXIF2.1)/电子书浏览/多语言（中/英）设置/tr /table /td td colspan=”2 table class=”paraTable trtd class=paraName”接口：扩展卡:/tdtd class=paraValue”可扩充2G SD，MMC卡/td td class=”paraName电池：/td内置锂电池/tr trtd class=”paraName尺寸：/tdtd class=paraValue”105.2 x47.6x15.6mm重量：90g /table /td/tr /html