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

《2023年网页设计与开发第6章试卷及超详细解析超详细解析答案.pdf》由会员分享，可在线阅读，更多相关《2023年网页设计与开发第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在中添加 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可以同时选定不相邻的单元

3、格 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.表格的题头的 H

4、TML 是 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 行

5、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.以

6、下说法中，错误的选项是：。A表格在页面中的对齐应在 TABLE 标记符中使用 align 属性。B要控制表格内容的水平对齐，应在 TR、TD、TH 中使用 align 属性。C要控制表格内容的垂直对齐，应在 TR、TD、TH 中使用 valign 属性。D表格内容的默认水平对齐方式为居中对齐 答案：D 28以下说法中正确的选项是 A.使用表格进行布局时，表格的宽度都必须采用百分比计量方式 B.表格不可以实现嵌套 C.为了提高网页的下载速度，一般应把所有内容分成几块放在几个表格中 D.使用表格进行布局时，最内层表格的宽度采用绝对计量方式 答案：C 29很多动态大型网站也都是借助()排版,它可以把

7、相互关联的信息元素集中定位。A.表单 B.表格 C.文字 答案：B 30、在复杂的表格结构中，有的单元格在水平方向上是跨多个单元格的，这时需要使用 属性 A.colspace B.rowspace C.cellpadding 答案:A 二、填空题 1）在表格属性中，当表格的边框线设为_时，表格线不可见。答案:0 2）表格的_属性指定了单元格中的内容与单元格边框之间的空间大小。答案:cellpadding 3）如果不希望表格宽度随窗口大小而变化，一般应该以_为单位定义表格宽度。答案:百分比 4表格的宽度可以用百分比和_ 两种单位来设置。答案:像素 5请写出在网页中设定表格边框的厚度的属性_；设定

8、表格单元格之间宽度属性_。答案:border cellspacing 6请写出表格标题 功能是_。答案:设置表格标题 7单元格垂直合并所用的属性是_；单元格横向合并所用的属性是_。答案:rowspan colspan 8利用标记符的_属性可以控制表格边框的显示样式；利用标记符的_属性可以控制表格分隔线的显示样式。答案:frame border 9要使整个表格行采用某种对齐方式，应在 标记符中使用 aligh 属性。答案:cellpadding 10设置表格标题的 HTML 标记是_。答案:三、简答题 1.简述创建一个表格的基本步骤。答案：1)用合适的工具设计表格草图。2)确定表头。3)确定需要

9、的行数和列数，标识出需要跨越多个单元格的行和列。4)合理的运用表格嵌套，尽量少用，防止结构的混乱。5)根据内容确定采用固定的和可缩放的流体设计。6)如果是一个需要分页的表格，需要考虑分页的设计效果。2.使用表格进行页面设计应注意哪些问题？答案：在创建复杂的表格之前，先进行规划，如可以先用笔在纸上设计页面。使用表格排版网页时，要尽量细划表格，不要把整个网页放在一个大的表格里。因为只有当表格内所有元素全部载入后，整个表格才得以显示。所以如果表格内有一些元素比方计数器载入较慢，就会延迟整个表格的显示。对于整个网页使用表格排版时，可以将整个页面分成几块，使用多个表格来排版。例如可以采用上部放置徽标、广

10、告条、导航等、中间放置页面内容、下部放置版权信息等，结构分三部分，由三个表格实现。四、实验题 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

11、: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 wi

12、dth: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.产品介绍页面的制作。使用表格布局完成以下图的产品页面的展示 答案：源代码文

13、件如下：产品介绍 .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:m

14、iddle;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系列专用皮包

15、索尼英寸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