Web开发基础练习题（附参考答案）.docx

《Web开发基础练习题（附参考答案）.docx》由会员分享，可在线阅读，更多相关《Web开发基础练习题（附参考答案）.docx（31页珍藏版）》请在课桌文档上搜索。

1、Web开发基础练习题试题题型：配伍题、判断题、单选题、多选题、编程题第1章Web的工作方式判断题1. Web（WorldWideWeb）即全球广域网，也称为万维网。（）2. Web服务器主要功能包括：存储网站资源文件，代用户发送请求，提供基本的安全功能。（）3. Web服务端应用程序开发主要可以使用以下几种编程语言:PHP、ASPNET等。O4. FTP协议规定了Web服务器与浏览器之间如何打包及如何传输数据。（）x5. Web中采用HTML（HyperTextMarkupLanguage,超文本标记语言）通信协议。（）X单选题1. Inlemel上提供的主要服务有:TeIneI、E-mail

2、、（）、FTP。CA.AppB.WindowsC.WWWD.W3C2 .万维网联盟（WoHdwideWebConsortium）,简称（）,专门负责制定Web应用的标准。CA.WWWB.WebC.W3CD.3WC3 .Web分为（）和Web服务器程序。AA.Web客户端B.HTMLC.数据库D.浏览器4 .Web程序要想顺利运行，就需要Web服务器、浏览器、（）三者相互配合,共同发挥作用。DA.数据库B.HTMLC.网页D.通信协议5 .创建Web内容主要包括三部分:Web设计、（）和Web服务器端应用程序开发。BA.数据库开发B.Web前端网页开发CApp开发D.通信协议配伍题1.请为名词与

3、选择表示其含义的描述，将配对好的ae填写到括号中WEB服务器a代用户发送请求，作为HTML的解释器和内嵌脚本的执行器，用图形化方式显示Web网页的内容。WEB浏览器b存储网站资源文件，响应浏览器发来的请求，提供基本的安全功能HTTP协议C用于支持客户机跨广域网访问公司内部网络的服务Internetd规定了Web服务器与浏览器之间如何打包及如何传输数据远程访问服务e由那些使用公用语言互相通信的计算机连接而成的全球网络请填写：:参考答案：b：a：d：e：C第2章HTML5基础知识判断题1 .HTML规定元素标签可以嵌套，但不允许交叉。（）2 .单标记只有开始标记，没有结束标记。开始标记中的/可有可

4、无。（）3 .如果网页中包含多个拥有相同id属性值的元素，则网页报错，无法显示。（）4 .元素中不允许包含以下元素：标题元素（hlh6）SPan元素、div元素。（）X5 .HTML源代码中的空格都是无效的，最终显示时，都会被浏览器删掉。（）6 .查找父级目录中的文件或文件夹，可使用”./父级目录文件或文件夹”返回上级目录。（）7 .若不指定元素的target属性，则在单击超链接时，默认会在当前窗口打开新网页。（）8 .设置vtd的COlSPan属性可让单元格跨多行显示。（）x9 .表格元素的疝gn属性不是设置表格内容居中对齐。而是设置整个表格在其父元素中整体居中对齐。（）Y10 .有序列表可

5、自动将列表项按内容排序后显示。（）单选题1 .下面定义HTML注释正确的是（）。BA.divB.C.!-D.2 .下面定义页面编码格式的元素正确的是（）。CA.B.C.D.3 .以下可以实现当鼠标悬停在元素上时，出现工具提示效果的是（）oCA. vdiv工具提示的内容B. C. D.4 .以下说法正确的是（）。CA.只要网页中包含中文，都必须设置Vmetacharset=tf-8,B.只要网页中同时包含中文和英文，都必须设置metacharset=utA8fC.必须和当前网页.html文件的编码格式保持致D.在中文版操作系统中，必须设置VmetaCharSet=utR85 .下面定义页面编码格

6、式的元素不正确的是（）oDA.B.C.D.6 .元素的（）属性用于设置要引入的图片的URL地址。BA.hrefB.srcC.altD.link7 .将a元素的target属性值设置为（），可实现单击a在新窗口打开新链接。CA. _self B.不指定值C. _blank D. blank8 .以下定义锚点位置错误的是（）。BA. C. B. topD. 9 .关于绝对路径的组成，以下描述正确的是（）o AA.协议:域名/目录路径/文件名B.协议/域名/目录路径/文件名C.目录路径:/协议/域名/文件名D.目录路径:协议/域名/文件名10 . HTML5结构标记中专门定义主导航区域的元素是（）。

7、BA. B. C. D. 多选题1 .以下标记定义正确的是：（）。BCDA.B.C.D.2 .以下说法正确的是（）,BCA.html元素中所有子元素的内容，都会显示在网页上B.head元素中包含对网页的配置C.body元素中包含要显示的网页的主要内容D.title元素即可定义在head中，又可定义在body中3 .下列说法错误的是（）oABCA.b元素专门用于代替换行B.i元素专门用于给文字加下划线C.u元素专门用于加粗显示文字D.p元素专门用于显示一段文字，并在开头和结尾自动换行。4 .对audio标记的属性描述正确的是（）.BDA. href属性用于设置要播放的音频文件的路径B. src属

8、性用于设置要播放的音频文件的路径C. auto属性用于设置在网页加载时自动播放音频文件D. loop属性用于设置是否循环播放5 .以下关于不规则表格定义正确的是（）oBCA.当前格td,向右跨4列（含自己）河写为:tdcolspan=B.当前格td,向右跨4列（含自己），可写为:tdCOISPan=C.当前格Id,向下跨2行（含自己），可写为:tdrowspan=2D.当前格td,向下跨2行（含自己），可写为:tdrowspan=”6 .以下关于列表元素的描述正确的是（）。CDA.元素用于定义有序列表B.元素用于定义无序列表C.vul元素用于定义无序列表D.元素用于定义有序列表配伍题1.请为名

9、词Yg）选择表示其含义的描述，将配对好的ae填写到括号中行内元素a必须成对出现的开始标记和结束标记的元素块级元素b默认独占一行的元素行内块元素C元素内容有多少，空间就只能占用多少，且多个元素只能在一行中显示单标记元素d只要一个开始标记即可实现功能的元素。双标记元素e多个元素可在一行中显示，但是可设置元素的大小请填写：参考答案：C：b：e：d：a编程题1 .从答案选项中选择正确的代码，将其对应的字母填写在空白的步骤中，从而把步骤补充完整：定义一个表格，一共2行四列。其中，第一行第一个格，向下跨2行，且内容顶端对齐。第二行第二个单元格位置的格，向右跨3行，且内容居左对齐：其中:和请选择不规则表格相

10、关的属性和请选择内容对齐方式答案选项a.ColSPan=2b.rowspan=,2j,c.COISPan=3”d. rowspan=,3ne. align=TightfValign=lopg.align=toph.valign=,Yighf,请填写：:参考答案：b：f：C：e第3章HTML5表单元素判断题1 .表单向服务器端提交数据主要有两种方式：get方式和Sel方式。（）2 .SeIeCI元素中的多个OPtion元素，若希望多选一，则必须同时定义相同的name属性。（）x3 .默认情况下，单击inpultype=radio旁边的文本，不会选中该单选按钮。（）44 .实现表单提交功能，需要两

11、部分配合才能实现：首先需要服务器端程序接收客户端表单提交来的数据；其次定义客户端HTML表单收集用户信息并提交数据到服务器端。（）45 .from元素用来定义一个表单整体，其中包含多种表单元素，用于收集用户的各种信息；（）6 .以get方式提交表单是以隐藏的方式将数据提交给服务器。要提交的表单数据不会出现在URL的结尾，而是包含在请求消息主体的内部。（）X单选题1 .定义在文本框中初始时显示的提示信息，输入内容后就被替换，可设置（）属性。CA.disabledB.readonlyC.placeholderD.value2 .当多个单选按钮多选一时，应该为组内的多个单选按钮定义相同的（）属性值C

12、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

13、:123456C.?uname=dingding&upwd=123456D.?uname:dingding&upwd:1234567 .以get方式提交表单时，最大可发送的数据大小为：（）BA.1KB.2KC.3KD.4K8 .如果表单中包含上传文件功能时，内容类型必须设置为:（）oDA. utf-8B. application/X-WWW-form-URLencodedC. text/plainD. multipartfn-data多选题1 .以下关于表单元素的描述正确的是：（）。ACA. method属性，用于定义表单向服务器端提交数据的方式B. doctype属性用于定义表单数据进行编码

14、的方式C. enctype属性用于定义表单数据进行编码的方式D. methods属性，用于定义表单向服务器端提交数据的方式2 .以下属于表单元素的是：（）oBCDA.labelB.inputC.textareaD.select3 .多个备选项中，可选择多个选中项时，可使用哪种表单元素：（）oBDA. B. C. D. 配伍题1.请为元素Yg）选择右侧最合适的使用场景，将配对好的ae填写到括号中a收集用户输入的文字信息b性别二选一C是否同意本网站的条款cl从一百多个国家的列表中选择多个国家e选择本地文件上传服务器请填写：参考答案：C：a：e：b：d编程题1.从答案选项中选择正确的代码，将其对应的

15、字母填写在空白的步骤中，从而把步骤补充完整：在表单中定义性别，二选一。要求，回发服务器时的变量名为“sex”。且扩大选中区域，点击文字，也可选中选项：V_jD_vinputtype=_士小男一一,女v/_答案选项a. idb. namec. titled. valuee. radiof. checkboxgPh.label请填写：参考答案：h：e：b：d第4章CSS3基础知识判断题1 .内部样式表的优先级总是高于外部样式表。（）X2 .外部样式表是指定义在Vhead元素中的VStyle元素内的一组CSS样式声明。（）x3 .凡是定义在元素开始标签之外的样式表，都成为外部样式表。（）X4 .父元

16、素所有样式属性，子元素都会自动继承。（）5 .默认情况下，ID选择器优先级最高，元素选择器优先级最低。（）6 .为适应不同大小的显示设备，应尽量选择相对单位设置尺寸，如百分比（）。（）7 .单位Ipx的显示大小不会随显示器分辨率改变而改变。（）X8 .margiauto;可设置元素在水平和垂直两个方向都居中。（）X9 .外边距合并，是指当两个垂直方向外边距相遇时，将合并为一个外边距。（）10 .如果希望将内边距和边框的范围也纳入内容范围中用width和height共同控制，可修改box-sizing属性值为border-box。（）711 .所有行内元素都无法使用Width和height属性设

17、置大小。（）X12 .外边距合并，最终的实际外边距取决于两个外边距中距离较小的那个值。（）13 .背景图片默认是不平铺的，如果希望平铺可设置background-repeat:repeal。（）14 .元素多层结构自底向上，依次是：外边距、背景色、背景图片、边框和内边距，以及最上层的内容。（）15 .background-size属性值可以是Contain,表示等比缩放，但以短边刚好缩放到与元素对应边等长时，停止缩放。（）16.所有元素都有VertiCaI-align属性，可设置内容垂直方向居中。（）x单选题1 .下列样式声明语法正确的是（）。DA.color=purpleB.color=pu

18、rpleC.color:PUrPleD.colonpurple2 .下列关于内联样式的定义格式正确的是：（）。CA. B. C. D. 3 .下列关于内部样式表的内容定义正确的是：（）。BA. body:color:red,fbntSize:12px）B. bodycolor:red;font-size:12pxC. body=color:red;fontSize:12pxJD. body=color:“red”,fbntSize:12px4 .网页中引入外部样式表的代码正确的是（）。CA. B. C. D. 5 .一下定义id选择器正确的是：（）。AA.#idB.idC.idD.!id6 .

19、所有P元素和div元素字体大小均为12px,以下写法正确的是：（）oCA. p+divfont-size:12pxB. p-divfont-size:12pxC. p,divfont-size:12px）D. pdivfont-size:12px）7 .选择Ul元素下所有后代Ii（既包含直接子元素，又包含更深层后代元素）的选择器是（）。BA.ulliB.ulIiC.ul,liD.ul-li8 .选择ul元素下所有直接子元素Ii的选择器是（）。AA.ulliB.ulIiC.ul,liD.uMi9 .选择ClaSS为active的a元素，下列选择器正确的是（）。BA.a+.activeB.a.ac

20、tiveC.a.activeDa.actives10 .鼠标悬停在a元素上时，字体变为红色，正确的CSS定义是（）。BA.a.hovercolor:red）B.a:hoverfont-color:redJC.a:activecolor:red）D.a:activefont-color:red11 .一个元素的内联样式中定义color:red,内部样式表中定义了color:green,外部样式表中定义了color:yellowo最终字体颜色为（）。AA.redB.greenC.yellowD.无法确定12 .（）可将当前样式声明的优先级提升为最高。CA.importantB.7importC.!

21、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.喀b:2512812816 .border属性定义正确的是（）。AA.border:IpxsolidredB.border:solidIpxred

22、C.border:IpxredsolidD.border:redIpxsolid17 .清除文本框的轮廓可使用（）。CA.border:0;B.border:none;C.outline:0;D.border-radius:018 .一个元素上、下外边距都是10px,左、右外边距都是20px,下列定义正确的是（）CA.margin:IOpxIOpx20px20pxB.margin:20pxIOpx20pxC.margin:IOpx20pxIOpxD.margin:20px20pxIOpxIOpx19 .仅设置左上角和左下角为圆角的CSS代码如下正确的是：（）。BA. border-radius

23、:5px5px00B. border-radius5px005pxC. border-radius:05px5px0D. border-radius:005px5px20 .仅设置左上角为圆角的CSS代码正确的是：（）。AA. border-top-left-radius:5px;B. bordcr-left-top-radius:5px;C. border-radius-left-top:5px;D. border-radius-top-left:5px21 .框模型规定，每个元素由内向外由4个部分组成：（）。BA.内容，边框，内边距,间距B.内容，内边距,边框,间距C,内边距，内容，间距,

24、边框D.内边距，内容，边框，间距22 .下列定义背景图片属性正确的是（）。DA.background-image:img/logo.pngB.background-image:Url（img/logo.png）C.background-image:imgIogo.pngD.background-image:url（imglogo.png）23 .设置背景图片相对于所在元素向上移动10px,向左移动20px,以下设置正确的是（）。BA.background-position:20pxIOpxB.background-position:-20px-IOpxC.background-position

25、:-IOpx-20pxD.background-position:IOpx20px24 .以下设置字体加粗属性正确的是（）。BA.font-size:boldB.font-weight:boldC.font-style:boldD.font-family:bold25 .以下设置字体为斜体正确的是（）AA.fbnt-style:italicB.font-family:italicC.text-decoration:italicD.text-indentzitalic26 .普通元素设置文本垂直居中的属性正确的是（）。CA.text-valignxenterB.text-aligncenterC

26、.line-height:元素高D.line-height:元素高的一半多选题1. 一个元素可同时被多个样式类修饰，以下写法正确的是：（）oBDA. B. C. D. 2.以下关于选择器的权重描述正确的是：（）。ACA.类选择器的权重等于伪类选择器的权重B.元素选择器的权重大于伪类选择器的权重C.伪类选择器的权重小于ID选择器的权重D.伪类选择器的权重小于其它所有选择器的权重3. 一个元素上下内边距都是20px,左右内边距都是IOpx,下列定义正确的是：（）。ACA.padding:20pxIOpx20pxIOpxB.padding:IOpx20pxIOpxC.padding:20pxIOpx

27、20pxD.padding:IOpxIOpx20px20px4.以下关于内容溢出说法正确的是：（）。BCA.如果内容是文字，默认就是横向溢出B.如果内容是文字，默认就是纵向溢出C.如果内容是图片，则默认纵向和横向都会溢出D.如果内容是图片，则默认不会溢出5.以下可以隐藏内容溢出部分的OVerflOW属性的值是：（）。ACDA.hiddenB.visibleC.scrollD.auto6仅显示元素的左边框，以下CSS属性正确的是：（）。BDA. border-lefl-style:2pxB. border-left-style:solidC. border-left:2pxD. border-l

28、eft:solid7.上外边距溢出，有以下几种预防方法：（）。ABCDA.为父元素增加上边框B.为父元素设置上内边距；C.在父元素的第一个子元素位置处，增力口空lablev/IabIe标记。D.设置父元素的OVerfk）w:hidden配伍题1.请为选择器选择右侧最合适的解释，将配对好的ae填写到括号中。ulli.activeaul元素下的所有后代Ii的直接子元素中class为active的元素illli.activebul元素下的直接子元素中class为active的Iiulli.activecul元素下的所有后代元素中class为active的IiulIi.activeclul元素下的直接

29、子元素Ii以及其他任意class为active的元素ulli,.activeeul元素下的所有后代Ii的所有后代中class为active的元素请填写：参考答案：b：C：a：e：d编程题1 .从答案选项中选择正确的代码，将其对应的字母填写在空白的步骤中，从而把步骤补充完整:如下图所示需求设计图：外层一个SeetiOn元素，包裹着内层四个SPan元素。SeCtion元点：宽IOoOpx水平*中.左右内边冷l5p.1：夕卜边距35px4请在下列CSS中补充选择器和CSS属性：section|sectionspan;)section(width:223px;答案选项a. box-sizing:box

30、;padding:IOpx0;b. padding:IOpx0;c. width:1000px;margin:0auto;padding:O15px;margin-top:35px;d. box-sizing:border-box;e. width:1000px;margin:auto;padding:15px;margin:35px;f. padding:OIOpx;g. spanimg1. span,img请填写：参考答案：C：d：f：g第5章CSS3高级特性判断题1 .块级元素默认都是从上到下排列的，且每个块元素独占一行。O2 .行内块元素默认都是从上到下排列的，且每个行内块元素独占一行

31、。（）X3 .行内元素默认按照从左往右的方式排列，而行内块（inline-block）默认从上到下排列。O4 .因为每个元素都拥有自己的空间，所以一个元素不可能盖住另一个元素。O5 .即使行内元素浮动后，也允许修改Width和height属性。OY6 .元素一旦设置浮动定位属性，就脱离普通文档流定位方式，不占用普通文档流中的页面空间。O7 .如果包含框太窄，无法容纳水平排列的3个浮动元素，那么最后放不下的块会被挤压到下一行，并始终浮动到下一行的开头。OX8 .元素一旦浮动后，都会变为行内块级元素，也允许修改大小尺寸。（）9 .如内部浮动元素，高于外部容器元素，则内部浮动元素超出外部元素范围的部

32、分自动隐藏。（）10 .用OPaCily设置透明度，仅影响所在元素，不影响子元素。（）11 .dispalymone不会让元素脱离文档流，虽然看不见，但依然占用空间。（）12 .ViSibility:hidden不让元素脱离文档流，虽然看不见，但依然占用空间。（）13 .rgba只作用于某个属性，如背景颜色等。（W14 .Poimer属性可设置鼠标的光标。当鼠标悬停在元素上时，可改变鼠标光标的显示样式。（）x15 .修改列表项标识为图片，可使用：list-image:uH（图片路径）属性（）x16 .list-style：none和liststyletype:IIOne均可清除列表项标识。（）

33、417 .relative（相对定位）可让元素脱离默认文档流，相对于其所在父元素左上角自由定位。OX18 .相对定位是让元素相对于它在默认文档流中的原始位置偏移一段距离，经常用于对元素位置做微调时使用。（）19 .绝对定位的元素默认总是相对于其所在直接父级元素左上角定位。（）20 .相对定位的元素，虽然位置偏离了原位置，但默认文档流中的原位置不释放。（）21 .修改父元素的z-index属性值子元素的z-index属性值可让父元素盖住子元素。（）22 .未使用定位属性的元素不能使用z-index元素。（）23 .frst-child元素只能匹配一个元素。（）x24 .input+span只能匹

34、配一个元素。（）25 .Karget用于匹配当前点击的a元素。（）X26 .div:not（title=test）也会匹配那些不包含title属性的div元素。（）27 .元素可设置的属性，伪元素也可设置。元素具有的特征，伪元素也同样具备。（）28 .使用弹性布局，要先使父容器变为flex容器Uisplayfex或display:inline-flex。（）29 .默认情况下，如果主轴放不下所有项目时，项目会超出容器横向溢出。（）X30 .弹性布局中，项目的flex-order属性用于定义项目的排列顺序。（）X31 .Order属性，用于定义项目的排列顺序。其值为整数数字，无须单位。（）单选题

35、1 .先后顺序定义三个div:divl,div2,div3。div2向左浮动，divl和div3向右浮动，结果从左向右三个div的顺序依次是（）。CA.dld2d3B.d2dld3C.d2d3dlD.dld3d22 .CSS提供了（）属性用于设置元素浮动定位：BA.overflowB.floatC.floorD.fixed3 .以下不属于floal属性值的是：（）.DA.leftB.rightC.noneD.center4 .清除前面元素浮动对当前元素的影响，可设置（）属性。BA.display:clearB.clear:bothC.float:bothD.both:clear5 .下列选项中

36、，可让图片左右文字与图片垂直居中对齐的CSS属性是（）oBA.text-align:centerB.vertical-align:middleC.text-valign:centerD.vertical-align:baseline6 .下列设置鼠标悬停时光标变为手指的属性是（）。DA.cursor:moveB.cursor:waitC.cursor:textD.cursor:pointer7 .如果包含框太窄，无法容纳水平排列的3个浮动元素，那么最后放不下的块会：（）.AA.被挤压到下一行B.默认隐藏C.横向溢出D.始终换行到下一行的开头8 .元素一旦浮动后，都会变为：（）.BA.行内元素B

37、.块元素C.行内块元素D.浮动元素9 .一下不属于Clear属性值的是：（）.DA.leftB.rightC.bothD.none10 .下列选项中，可让元素独占一行的属性为（）。DA.display:noneB.display:inline-blockC.display:inlineD.display:block11 .下列关于VertiCal-align属性描述正确的是：（）。BA.可设置表格元素的内容在水平方向上的对齐方式B.可设置img元素左右两侧的文本在垂直方向的对齐方式C.可设置img元素在其父元素内水平方向的对齐方式D.可设置div元素的内容在垂直方向的对齐方式12 .以下不能实

38、现隐藏元素的是：（）。AA.overflow:hiddenB.opacity:0C.display:noneD.Visibilityihidden13 .下列清除列表项标志的属性设置正确的是（）,BA.list-type:noneB.list-style-type:noneC.list-type-style:noneD.Iistmone14 .以下不属于IiSI-Style-type属性值的是：（）。DA.noneB.circleC.discD.sqrt15 .将列表项标识改为图片的属性是：（）20px是让元素基于当前位置向左移动20pxB. left:20px是让元素基于当前位置向左移动20

39、pxC. lefc-20px是让元素基于浏览器边框，向左移动20pxD. left:20px是让元素基于浏览器边框，向左移动20px19 .三个相邻元素:vspan,希望选中元素后的元素，下列选择器正确的是（）oCA.b,i）B.bi）C.biD.bi（）20 .选择包含title属性且title属性值中包含“es”的div元素，下列选择器正确的是（）。BA.divtitle=esB.divtitle*=esjC.divtitle=esD.divtitle$=esj21 .选择title属性不等于“test”的div元素，下列选择器正确的是：（2AA.divmot（title=test）B.divtitle!=testC.divtitle*=testD.divtitle$=test22 .希望单击一个a元素，控制另一个元素的样式变化，可使用以下哪种选择器：（）oBA.:hoverB.:targetC.:activeD.:link23 .以下描述错误的是：（）,D