国家开放大学《Web-开发基础》练习题及答案解析.pdf

国家开放大学《Web-开发基础》练习题及答案解析.pdf

《国家开放大学《Web-开发基础》练习题及答案解析.pdf》由会员分享，可在线阅读，更多相关《国家开放大学《Web-开发基础》练习题及答案解析.pdf（30页珍藏版）》请在冰点文库上搜索。

1Web开发基础开发基础练习练习题题试题题型：

配伍题、判断题、单选题、多选题、编程题第第1章章Web的工作方式的工作方式判断题1.Web（WorldWideWeb）即全球广域网，也称为万维网。

（）2.Web服务器主要功能包括:

存储网站资源文件，代用户发送请求，提供基本的安全功能。

（）3.Web服务端应用程序开发主要可以使用以下几种编程语言:

PHP、ASP.NET等。

（）4.FTP协议规定了Web服务器与浏览器之间如何打包及如何传输数据。

（）5.Web中采用HTML（HyperTextMarkupLanguage,超文本标记语言）通信协议。

（）单选题1.Internet上提供的主要服务有:

Telnet、E-mail、（）、FTP。

CAAppB.WindowsC.WWWD.W3C2.万维网联盟（WorldWideWebConsortium），简称（），专门负责制定Web应用的标准。

CA.WWWB.WebC.W3CD.3WC3.Web分为（）和Web服务器程序。

AAWeb客户端B.HTMLC.数据库D.浏览器4.Web程序要想顺利运行，就需要Web服务器、浏览器、（）三者相互配合，共同发挥作用。

DA.数据库B.HTMLC.网页D.通信协议5.创建Web内容主要包括三部分:

Web设计、（）和Web服务器端应用程序开发。

BA.数据库开发B.Web前端网页开发C.App开发D.通信协议配伍题1.请为名词选择表示其含义的描述，将配对好的ae填写到括号中WEB服务器a代用户发送请求，作为HTML的解释器和内嵌脚本的执行器，用图形化方式显示Web网页的内容。

WEB浏览器b存储网站资源文件，响应浏览器发来的请求，提供基本的安全功能HTTP协议c用于支持客户机跨广域网访问公司内部网络的服务Internetd规定了Web服务器与浏览器之间如何打包及如何传输数据远程访问服务e由那些使用公用语言互相通信的计算机连接而成的全球网络请填写：

参考答案：

b：

a：

d：

e：

c2第第2章章HTML5基础知识基础知识判断题1.HTML规定元素标签可以嵌套，但不允许交叉。

（）2.单标记只有开始标记，没有结束标记。

开始标记中的/可有可无。

（）3.如果网页中包含多个拥有相同id属性值的元素，则网页报错，无法显示。

（）4.元素中不允许包含以下元素：

标题元素（h1h6）、span元素、div元素。

（）5.HTML源代码中的空格都是无效的，最终显示时，都会被浏览器删掉。

（）6.查找父级目录中的文件或文件夹，可使用“./父级目录文件或文件夹”返回上级目录。

（）7.若不指定元素的target属性，则在单击超链接时，默认会在当前窗口打开新网页。

（）8.设置的colspan属性可让单元格跨多行显示。

（）9.表格元素的align属性不是设置表格内容居中对齐。

而是设置整个表格在其父元素中整体居中对齐。

（）10.有序列表可自动将列表项按内容排序后显示。

（）单选题1.下面定义HTML注释正确的是（）。

BAdivB.C.!

-D.2.下面定义页面编码格式的元素正确的是（）。

CAB.C.D.3.以下可以实现当鼠标悬停在元素上时，出现工具提示效果的是（）。

CA.工具提示的内容B.C.D.4.以下说法正确的是（）。

CA.只要网页中包含中文，都必须设置B.只要网页中同时包含中文和英文，都必须设置C.必须和当前网页.html文件的编码格式保持一致D.在中文版操作系统中，必须设置5.下面定义页面编码格式的元素不正确的是（）。

DAB.C.D.6.元素的（）属性用于设置要引入的图片的URL地址。

BA.hrefB.srcC.altD.link37.将元素的target属性值设置为（），可实现单击在新窗口打开新链接。

CA._selfB.不指定值C._blankD.blank8.以下定义锚点位置错误的是（）。

BA.B.topC.D.9.关于绝对路径的组成，以下描述正确的是（）。

AA.协议:

/域名/目录路径/文件名B.协议/域名/目录路径/文件名C.目录路径:

/协议/域名/文件名D.目录路径:

协议/域名/文件名10.HTML5结构标记中专门定义主导航区域的元素是（）。

BA.B.C.D.多选题1.以下标记定义正确的是:

（）。

BCDA.B.C.D.2.以下说法正确的是（）。

BCA.元素中所有子元素的内容，都会显示在网页上B.元素中包含对网页的配置C.元素中包含要显示的网页的主要内容D.元素即可定义在中，又可定义在中3.下列说法错误的是（）。

ABCA.元素专门用于代替换行B.元素专门用于给文字加下划线C.元素专门用于加粗显示文字D.元素专门用于显示一段文字，并在开头和结尾自动换行。

4.对标记的属性描述正确的是（）。

BDA.href属性用于设置要播放的音频文件的路径B.src属性用于设置要播放的音频文件的路径C.auto属性用于设置在网页加载时自动播放音频文件D.loop属性用于设置是否循环播放5.以下关于不规则表格定义正确的是（）。

BCA.当前格td，向右跨4列（含自己）,可写为:

B.当前格td，向右跨4列（含自己）,可写为:

C.当前格td，向下跨2行（含自己）,可写为:

D.当前格td，向下跨2行（含自己）,可写为:

6.以下关于列表元素的描述正确的是（）。

CD4A.元素用于定义有序列表B.元素用于定义无序列表C.元素用于定义无序列表D.元素用于定义有序列表配伍题1.请为名词选择表示其含义的描述，将配对好的ae填写到括号中行内元素a必须成对出现的开始标记和结束标记的元素块级元素b默认独占一行的元素行内块元素c元素内容有多少，空间就只能占用多少，且多个元素只能在一行中显示单标记元素d只要一个开始标记即可实现功能的元素。

双标记元素e多个元素可在一行中显示，但是可设置元素的大小请填写：

参考答案：

c：

b：

e：

d：

a编程题1.从答案选项中选择正确的代码，将其对应的字母填写在空白的步骤中，从而把步骤补充完整：

定义一个表格，一共2行四列。

其中，第一行第一个格，向下跨2行，且内容顶端对齐。

第二行第二个单元格位置的格，向右跨3行，且内容居左对齐：

其中:

和请选择不规则表格相关的属性和请选择内容对齐方式答案选项acolspan=”2”browspan=”2”ccolspan=”3”5drowspan=”3”ealign=”right”f.valign=”top”galign=”top”h.valign=”right”请填写：

参考答案：

b：

f：

c：

e第第3章章HTML5表单元素表单元素判断题1.表单向服务器端提交数据主要有两种方式：

get方式和set方式。

（）2.Select元素中的多个option元素，若希望多选一，则必须同时定义相同的name属性。

（）3.默认情况下，单击旁边的文本，不会选中该单选按钮。

（）4.实现表单提交功能，需要两部分配合才能实现:

首先需要服务器端程序接收客户端表单提交来的数据；其次定义客户端HTML表单收集用户信息并提交数据到服务器端。

（）5.元素用来定义一个表单整体，其中包含多种表单元素，用于收集用户的各种信息；（）6.以get方式提交表单是以隐藏的方式将数据提交给服务器。

要提交的表单数据不会出现在URL的结尾，而是包含在请求消息主体的内部。

（）单选题1.定义在文本框中初始时显示的提示信息，输入内容后就被替换，可设置（）属性。

CA.disabledB.readonlyC.placeholderD.value2.当多个单选按钮多选一时，应该为组内的多个单选按钮定义相同的（）属性值。

BA.valueB.nameC.typeD.checked3.下列选项中，不属于input元素的type属性可选内容的是（）。

DA.textB.passwordC.submitD.hide4.设置select元素的（）属性可实现多选。

DA.valueB.selectedC.nameD.multiple5.设置iframe的（）属性，可定义iframe要引入的另一个网页的URL地址。

AA.srcB.hrefC.relD.path6.以get方式提交表单时，查询字符串的格式正确的是：

（）CA.?

uname=dingding;upwd=123456B.?

uname:

dingding;upwd:

123456C.?

uname=dingding&upwd=123456D.?

uname:

dingding&upwd:

1234567.以get方式提交表单时，最大可发送的数据大小为:

（）B6A.1KB.2KC.3KD.4K8.如果表单中包含上传文件功能时，内容类型必须设置为:

（）。

DA.utf-8B.application/x-www-form-URLencodedC.text/plainD.multipart/form-data多选题1.以下关于表单元素的描述正确的是:

（）。

ACA.method属性，用于定义表单向服务器端提交数据的方式B.doctype属性用于定义表单数据进行编码的方式C.enctype属性用于定义表单数据进行编码的方式D.methods属性，用于定义表单向服务器端提交数据的方式2.以下属于表单元素的是：

（）。

BCDA.labelB.inputC.textareaD.select3.多个备选项中，可选择多个选中项时，可使用哪种表单元素：

（）。

BDA.B.C.D.配伍题1.请为元素选择右侧最合适的使用场景，将配对好的ae填写到括号中a收集用户输入的文字信息b性别二选一c是否同意本网站的条款d从一百多个国家的列表中选择多个国家e选择本地文件上传服务器请填写：

参考答案：

c：

a：

e：

b：

d编程题1.从答案选项中选择正确的代码，将其对应的字母填写在空白的步骤中，从而把步骤补充完整：

在表单中定义性别，二选一。

要求，回发服务器时的变量名为“sex”。

且扩大选中区域，点击文字，也可选中选项：

7男女答案选项aidbnamectitledvalueeradiof.checkboxgph.label请填写：

参考答案：

h：

e：

b：

d第第4章章CSS3基础知识基础知识判断题1.内部样式表的优先级总是高于外部样式表。

（）x2.外部样式表是指定义在元素中的元素内的一组CSS样式声明。

（）3.凡是定义在元素开始标签之外的样式表，都成为外部样式表。

（）4.父元素所有样式属性，子元素都会自动继承。

（）5.默认情况下，ID选择器优先级最高，元素选择器优先级最低。

（）6.为适应不同大小的显示设备，应尽量选择相对单位设置尺寸，如百分比（%）。

（）7.单位1px的显示大小不会随显示器分辨率改变而改变。

（）8.margin:

auto;可设置元素在水平和垂直两个方向都居中。

（）9.外边距合并，是指当两个垂直方向外边距相遇时，将合并为一个外边距。

（）10.如果希望将内边距和边框的范围也纳入内容范围中用width和height共同控制，可修改box-sizing属性值为border-box。

（）11.所有行内元素都无法使用width和height属性设置大小。

（）12.外边距合并，最终的实际外边距取决于两个外边距中距离较小的那个值。

（）13.背景图片默认是不平铺的，如果希望平铺可设置background-repeat:

repeat。

（）14.元素多层结构自底向上，依次是：

外边距、背景色、背景图片、边框和内边距，以及最上层的内容。

（）15.background-size属性值可以是contain，表示等比缩放，但以短边刚好缩放到与元素对应边等长时，停止缩放。

（）816.所有元素都有vertical-align属性，可设置内容垂直方向居中。

（）单选题1.下列样式声明语法正确的是（）。

DA.color=purpleB.color=”purple”C.color:

”purple”D.color:

purple2.下列关于内联样式的定义格式正确的是:

（）。

CA.B.C.D.3.下列关于内部样式表的内容定义正确的是:

（）。

BA.body:

color:

red,fontSize:

12pxB.bodycolor:

red;font-size:

12pxC.body=color:

red;fontSize:

12pxD.body=color:

”red”,fontSize:

”12px”4.网页中引入外部样式表的代码正确的是（）。

CA.B.C.D.5.一下定义id选择器正确的是:

（）。

AA.#idB.idC.idD.!

id6.所有p元素和div元素字体大小均为12px，以下写法正确的是:

（）。

CA.p+divfont-size:

12pxB.pdivfont-size:

12pxC.p,divfont-size:

12pxD.pdivfont-size:

12px7.选择ul元素下所有后代li（既包含直接子元素，又包含更深层后代元素）的选择器是（）。

BA.ulliB.ulliC.ul,liD.ulli8.选择ul元素下所有直接子元素li的选择器是（）。

AA.ulliB.ulliC.ul,liD.ulli9.选择class为active的a元素，下列选择器正确的是（）。

BA.a+.activeB.a.activeC.a.activeDa.actives10.鼠标悬停在a元素上时，字体变为红色，正确的CSS定义是（）。

BA.a.hovercolor:

redB.a:

hoverfont-color:

redC.a:

activecolor:

redD.a:

activefont-color:

red11.一个元素的内联样式中定义color:

red,内部样式表中定义了color:

green,外部样式表中定义了color:

yellow。

最终字体颜色为（）。

A9AredB.greenC.yellowD.无法确定12.（）可将当前样式声明的优先级提升为最高。

CA.importantB.?

importC.!

importantD.import13.以下单位属于相对长度单位的是（）。

AA.emB.ptC.cmD.in14.下列关于相对长度单位描述正确的是:

（）。

BA.em总是相对于body元素的属性值计算倍数B.em总是相对于所在父元素的属性值计算倍数C.rem总是相对于所在父元素的属性值计算倍数D.rem总是相对于当前元素上的另一个属性值计算倍数15.下列表示颜色值错误的是（）。

DA.#fffB.#e4393cC.rgb（25,128,128）D.rgb:

2512812816.border属性定义正确的是（）。

AA.border:

1pxsolidredB.border:

solid1pxredC.border:

1pxredsolidD.border:

red1pxsolid17.清除文本框的轮廓可使用（）。

CA.border:

0;B.border:

none;C.outline:

0;D.border-radius:

018.一个元素上、下外边距都是10px，左、右外边距都是20px，下列定义正确的是（）。

CA.margin:

10px10px20px20pxB.margin:

20px10px20pxC.margin:

10px20px10pxD.margin:

20px20px10px10px19.仅设置左上角和左下角为圆角的css代码如下正确的是:

（）。

BA.border-radius:

5px5px00B.border-radius:

5px005pxC.border-radius:

05px5px0D.border-radius:

005px5px20.仅设置左上角为圆角的css代码正确的是:

（）。

AAborder-top-left-radius:

5px;B.border-left-top-radius:

5px;C.border-radius-left-top:

5px;D.border-radius-top-left:

5px21.框模型规定，每个元素由内向外由4个部分组成：

（）。

BA.内容，边框,内边距,间距B.内容,内边距,边框,间距C.内边距,内容,间距,边框D.内边距,内容,边框,间距22.下列定义背景图片属性正确的是（）。

DA.background-image:

img/logo.pngB.background-image:

url（“img/logo.png”）10C.background-image:

“img/logo.png”D.background-image:

url（img/logo.png）23.设置背景图片相对于所在元素向上移动10px，向左移动20px，以下设置正确的是（）。

BA.background-position:

20px10pxB.background-position:

-20px-10pxC.background-position:

-10px-20pxD.background-position:

10px20px24.以下设置字体加粗属性正确的是（）。

BA.font-size:

boldB.font-weight:

boldC.font-style:

boldD.font-family:

bold25.以下设置字体为斜体正确的是（）AA.font-style:

italicB.font-family:

italicC.text-decoration:

italicD.text-indent:

italic26.普通元素设置文本垂直居中的属性正确的是（）。

CA.text-valign:

centerB.text-align:

centerC.line-height:

元素高D.line-height:

元素高的一半多选题1.一个元素可同时被多个样式类修饰，以下写法正确的是:

（）。

BDA.B.C.D.2.以下关于选择器的权重描述正确的是:

（）。

ACA.类选择器的权重等于伪类选择器的权重B.元素选择器的权重大于伪类选择器的权重C.伪类选择器的权重小于ID选择器的权重D.伪类选择器的权重小于其它所有选择器的权重3.一个元素上下内边距都是20px，左右内边距都是10px，下列定义正确的是：

（）。

ACA.padding:

20px10px20px10pxB.padding:

10px20px10pxC.padding:

20px10px20pxD.padding:

10px10px20px20px4.以下关于内容溢出说法正确的是:

（）。

BCA.如果内容是文字，默认就是横向溢出B.如果内容是文字，默认就是纵向溢出C如果内容是图片，则默认纵向和横向都会溢出D如果内容是图片，则默认不会溢出5.以下可以隐藏内容溢出部分的overflow属性的值是：

（）。

ACDA.hiddenB.visibleC.scrollD.auto6仅显示元素的左边框，以下css属性正确的是:

（）。

BDA.border-left-style:

2pxB.border-left-style:

solidC.border-left:

2pxD.border-left:

solid117.上外边距溢出，有以下几种预防方法：

（）。

ABCDA.为父元素增加上边框B.为父元素设置上内边距；C.在父元素的第一个子元素位置处，增加空标记。

D.设置父元素的overflow:

hidden配伍题1.请为选择器选择右侧最合适的解释，将配对好的ae填写到括号中。

ulli.activeaul元素下的所有后代li的直接子元素中class为active的元素ulli.activebul元素下的直接子元素中class为active的liulli.activecul元素下的所有后代元素中class为active的liulli.activedul元素下的直接子元素li以及其他任意class为active的元素ulli,.activeeul元素下的所有后代li的所有后代中class为active的元素请填写：

参考答案：

b：

c：

a：

e：

d编程题1.从答案选项中选择正确的代码，将其对应的字母填写在空白的步骤中，从而把步骤补充完整：

如下图所示需求设计图：

外层一个section元素，包裹着内层四个span元素。

请在下列CSS中补充选择器和css属性：

section_sectionspan_;_;section_width:

223px;答案选项abox-sizing:

box;padding:

10px0;bpadding:

10px0;cwidth:

1000px;margin:

0auto;padding:

015px;margin-top:

35px;dbox-sizing:

border-box;ewidth:

1000px;margin:

auto;padding:

15px;margin:

35px;12f.padding:

010px;gspanimgi.span,img请填写：

参考答案：

c：

d：

f：

g第第5章章CSS3高级特性高级特性判断题1.块级元素默认都是从上到下排列的，且每个块元素独占一行。

（）2.行内块元素默认都是从上到下排列的，且每个行内块元素独占一行。

（）3.行内元素默认按照从左往右的方式排列，而行内块（inline-block）默认从上到下排列。

（）4.因为每个元素都拥有自己的空间，所以一个元素不可能盖住另一个元素。

（）5.即使行内元素浮动后，也允许修改width和height属性。

（）6.元素一旦设置浮动定位属性，就脱离普通文档流定位方式，不占用普通文档流中的页面空间。

（）7.如果包含框太窄，无法容纳水平排列的3个浮动元素，那么最后放不下的块会被挤压到下一行，并始终浮动到下一行的开头。

（）x8.元素一旦浮动后，都会变为行内块级元素，也允许修改大小尺寸。

（）9.如内部浮动元素，高于外部容器元素，则内部浮动元素超出外部元素范围的部分自动隐藏。

（）10.用opacity设置透明度，仅影响所在元素，不影响子元素。

（）11.dispaly:

none不会让元素脱离文档流，虽然看不见，但依然占用空间。

（）12.visibility:

hidden不让元素脱离文档流，虽然看不见，但依然占用空间。

（）13.rgba只作用于某个属性，如背景颜色等。

（）14.pointer属性可设置鼠标的光标。

当鼠标悬停在元素上时，可改变鼠标光标的显示样式。

（）15.修改列表项标识为图片，可使用:

list-image:

url（图片路径）属性（）16.list-style:

none和list-style-type:

none均可清除列表项标识。

（）17.relative（相对定位）可让元素脱离默认文档流，相对于其所在父元素左上角自由定位。

（）18.相对定位是让元素相