2023年网页设计与开发第6章试卷及超详细解析超详细解析答案.pdf

网页设计与开发第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以下()设置能使单元格显示边框。A在中添加 border 属性 B在中添加 border 属性 C在中添加 border 属性 D以上全都可以 答案:A 5在 HTML 文件中，给表格添加行的标签是()。A B C D以上都正确 答案:A 6跨多列的单元格的 HTML 代码为 。A B C D 答案:C 7设置表格的单元格填充为 0 的 HTML 代码是 。A B C D 答案:D 8表示表头的背景色彩的 HTML 是 。A B C D 答案:C 9表示表头的背景图像的 HTML 是 。A B C D 答案:B 10关于表格的描述正确的一项是 。A在单元格内不能继续插入整个表格 B可以同时选定不相邻的单元格 C粘贴表格时，不粘贴表格的内容 D网页中水平方向可以并排多个独立的表格 答案:D 11)html 语言中，设置围绕表格的边框的宽度的标记是？A.B.C.D.答案:A 12 表格标记的基本结构是？A.B.C.D.答案:C 14定义表元的 HTML 是 A.B.C.D.答案:B 15跨多行的表头的 HTML 代码为 A.B.C.D.答案:B 16设置表格的单元格填充为0 的 HTML 代码是 A.B.C.D.答案:D 17.设置表格的宽度为 600 的 HTML 代码是 A.B.C.D.答案:A 18.设置表格边框色彩的亮度的 HTML 代码是 A.B.C.D.答案:D 19.表格的题头的 HTML 是 A.tbody.B.C.D.答案:D 20.,表示 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 代码片段，则选项中的说法正确的选项是 。成绩语文 数学 A.该表格共有 2 行 3 列 B.该表格的边框宽度为 10 毫米 C.该表格中的文字均居中显示 D.“”单元个跨 2 行 答案:C 24.以下关于 HTML 语言中的表格的说法正确的选项是 。A.在 HTML 语言中，表格必须由 标签、标签、标签组成，缺一不可 B.标签之前不能相互嵌套 C.有多少对 标签，就有多少列 D.有多少对 标签，就有多少行 答案：A 25.以下选项中，哪个全部都是表格标签？A B C D 答案：B 知识点：表格标记 26.哪一个标记用于使 HTML 文档中表格里的单元格在同行进行合并？Acellspacing Bcellpadding Crowspan Dcolspan 答案:D 27.以下说法中，错误的选项是：。A表格在页面中的对齐应在 TABLE 标记符中使用 align 属性。B要控制表格内容的水平对齐，应在 TR、TD、TH 中使用 align 属性。C要控制表格内容的垂直对齐，应在 TR、TD、TH 中使用 valign 属性。D表格内容的默认水平对齐方式为居中对齐 答案：D 28以下说法中正确的选项是 A.使用表格进行布局时，表格的宽度都必须采用百分比计量方式 B.表格不可以实现嵌套 C.为了提高网页的下载速度，一般应把所有内容分成几块放在几个表格中 D.使用表格进行布局时，最内层表格的宽度采用绝对计量方式 答案：C 29很多动态大型网站也都是借助()排版,它可以把相互关联的信息元素集中定位。A.表单 B.表格 C.文字 答案：B 30、在复杂的表格结构中，有的单元格在水平方向上是跨多个单元格的，这时需要使用 属性 A.colspace B.rowspace C.cellpadding 答案:A 二、填空题 1）在表格属性中，当表格的边框线设为_时，表格线不可见。答案:0 2）表格的_属性指定了单元格中的内容与单元格边框之间的空间大小。答案:cellpadding 3）如果不希望表格宽度随窗口大小而变化，一般应该以_为单位定义表格宽度。答案:百分比 4表格的宽度可以用百分比和_ 两种单位来设置。答案:像素 5请写出在网页中设定表格边框的厚度的属性_；设定表格单元格之间宽度属性_。答案:border cellspacing 6请写出表格标题 功能是_。答案:设置表格标题 7单元格垂直合并所用的属性是_；单元格横向合并所用的属性是_。答案:rowspan colspan 8利用标记符的_属性可以控制表格边框的显示样式；利用标记符的_属性可以控制表格分隔线的显示样式。答案:frame border 9要使整个表格行采用某种对齐方式，应在 标记符中使用 aligh 属性。答案:cellpadding 10设置表格标题的 HTML 标记是_。答案:三、简答题 1.简述创建一个表格的基本步骤。答案：1)用合适的工具设计表格草图。2)确定表头。3)确定需要的行数和列数，标识出需要跨越多个单元格的行和列。4)合理的运用表格嵌套，尽量少用，防止结构的混乱。5)根据内容确定采用固定的和可缩放的流体设计。6)如果是一个需要分页的表格，需要考虑分页的设计效果。2.使用表格进行页面设计应注意哪些问题？答案：在创建复杂的表格之前，先进行规划，如可以先用笔在纸上设计页面。使用表格排版网页时，要尽量细划表格，不要把整个网页放在一个大的表格里。因为只有当表格内所有元素全部载入后，整个表格才得以显示。所以如果表格内有一些元素比方计数器载入较慢，就会延迟整个表格的显示。对于整个网页使用表格排版时，可以将整个页面分成几块，使用多个表格来排版。例如可以采用上部放置徽标、广告条、导航等、中间放置页面内容、下部放置版权信息等，结构分三部分，由三个表格实现。四、实验题 1.成绩登记表的制作。以下图是一个基本的成绩登记表，数据包括：ID 序号、学号、平时成绩、期末成绩、总评成绩。答案：源代码文件如下：成绩登记表#scorewidth:600px;border:1px solid#000000;border-collapse:collapse;#score th,td border:1px solid#000000;#score caption font-size:28px;font-weight:bold;letter-spacing:12px;line-height:2.5;#score th background-color:#4682B4;font-size:20px;font-weight:bold;line-height:2;#score td 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;/*斑马纹类*/.odd td background-color:#FFF;.even td background-color:#CCCCCC;成绩登记表 序号 学号 平时成绩 期末成绩 学期总成绩 1 2010300201 张小丽 95 95 95 2 2010300202 李宁 90 88 89 3 2010300203 刘梅 98 92 95 4 2010300204 王刚 98 90 94 5 2010300205 郑军 90 85 87 6 2010300206 杨波 80 80 80 2.产品介绍页面的制作。使用表格布局完成以下图的产品页面的展示 答案：源代码文件如下：产品介绍 .product width:500px;border:1px solid#FF6600;border-collapse:collapse;.product td border:1px solid#FF6600;.productName font-size:14px;color:#993300;font-weight:bold;.categoryfont-size:14px;color:#993300;font-weight:bold;background-color:#FFB468;.productImg text-align:center;vertical-align:middle;width:170px;.productDescriptionbackground-color:#FEE8AB .paraTable td border-style:none;.paraName font-size:13px;color:#666666;text-align:right;vertical-align:top;width:70px;.paraValue font-size:13px;text-align:left;padding-left:5px;产品名称：佳能 IXUS 130 佳能 IXUS 130 官方标配 松下原装SD卡2G高速正品 佳能IXUS系列专用皮包 索尼英寸LCD 保护贴防刮/高透光/静电吸附)摄影指南 主要参数 型号:PMP169B 内存容量:512M 屏幕尺寸:英寸最正确视觉比列16：9的宽屏 屏幕特性:LTPS TFT (720 x240)视频功能:支持ASF 格式的MPG4,或通过软件转换成ASF 播放,播放效果:320 420,30fps/视频输出,输入/电视节目定时录制。功能参数 音频功能:支持音频格式:MP3,WMA,WAV/内置麦克风,支持LINEIN寻录/收音功能/内置喇叭 录音格式:44.1KHz,128 Kbps,MP3,支持MIC/LINE-IN 直录 附加功能:支持图片格式:JPEG(EXIF2.1)/电子书浏览/多语言(中/英)设置 其它参数 接口:USB 接口,AV OUT接口,AV IN接口 扩展卡:可扩充2G SD,MMC 卡 电池:内置锂电池 尺寸:重量:90g