青岛科技大学成人继续教育《WEB前端开发技术》测试题及答案.docx

《青岛科技大学成人继续教育《WEB前端开发技术》测试题及答案.docx》由会员分享，可在线阅读，更多相关《青岛科技大学成人继续教育《WEB前端开发技术》测试题及答案.docx（7页珍藏版）》请在第一文库网上搜索。

1、青岛科技大学高等学历继续教育2023-2023学年第二学期大补考试题WEB前端开发技术（A卷）卷面满分：100分考核方式：闭卷命题人：任志考（考生注意：答案写在答题纸上，写在试题纸上无效）一、选择题（共15小题，每小题2分，共30分）1、以下表示HTM1文档的标记是（）A、B、C、D、2、下列（）语言可以实现网页交互功能。A、htm1B、CSSC、C+D、Javascript3、以下标记中用于设置网页标题的是（A、B、C、D、4、下面（）是换行符标记。A、B、C、D、5、在HTM1中，标记的作用是（）0A、转行标记B、标题标记C、文字效果标记D、预排版标记6、下列不属于字体标记属性的是（）A、

2、images/tu.gifB、ftp:/219.11.65.123C、/rootDhttp:Www.baidu.Com9、图像名为InyhOme.jpg,要访问目标为http:/WWW,以下创建一个图像链接正确的是（）A. myhome.jpgB. C. D. 10、在CSS文字、排版、边界等的设苴上，经常用到长度单位，下列是相对单位的是（）。A.inB.pcC.cmD.px11、下列关于标记说法正确的是（）.se1ect）定义的表单元素在一个下拉菜单中显示选项B.rows和Co1S属性可以定义其大小C.se1ect）定义的表单元素是一个单选按钮D.se1ect）定义的表单元素通过设置mu1t

3、ip1e属性可以实现多选12、CSS文件的扩展名为（）A.txtB.htmC.cssD.htm113、要使表格行高为18px,以下方法正确的使（）A. B. trborder=,1wheight=,18ptMC.D.M、下列（）选项的CSS语法是正确的。A.body:co1or=b1ackB.body:co1or=b1ack（body）C.bodyco1or:b1ack;D.body;co1or:b1ack）15.边距属性为“上边距：20px、下边距：30px,左边距：40pxs右边距：50px”正确的设置是（）.margin:20px30px40px50pxB.border:20px30px

4、40px50pxC.margin:20px50px30px40pxD.margin-top:20px30px40PX50px二、填空题（共10小题，每小题2分，共20分）1、HTM1中标记分为两种：一种单标记，另一种是（）标记。2、在HTM1文件里，版权符号的控制代码是（）03、标记常用的属性有3个，分别是co1or、face.（）（以首字母排序）。4、要实现超链接在新窗口中打开目标网页需要将target属性设置为（）05、将表格的标题设置为“课程成绩表”的完整HTM1语句（利用表格标记）是（）06、浮动框架一般使用在（）标记中，用于在其中打开超链接。7、CSS中类选择符用点.来表示，ID选择

5、符用（）表示8、CSS中样式表的定义有4利。分别是内样式表、内部样式表（）、链入样式表。9、设置表格跨行的属性是（）。10、加载名为image1.gif图像可在标记中这样设置：（）=image1.gif”。三、简答题（共4小题，每小题5分，共20分）1、简述Web的工作原理。2、简述一个HTM1文档应该包含几个基本标记，并举例说明。3、写出HTM1、CSS.JavaSCriPt三大部分程序注释的方法。4、简述属性选择器有几种定义方式。四、程序设计题（共3小题，每小题10分，共30分）1、使用JavaScript编程实现“九九乘法表”。2、写出下图对应的div结构代码。3、编程实现一个登录页面，

6、包括用户名，密码，选择类型2类：管理员，普通用户。选择项2个:记住密码，自动登录。按钮2个：提交，重置。4、青岛科技大学高等学历继续教育5、2023-2023学年第二学期大补考试题答案6、WEB前端开发技术（A卷）8、一、题目类型（共X小题,每小题Y分,共XY分）。（共10空,每空2分,共20分）。9、答案内容10、一、选择题（共15小题,每空2分，共30分）题号12345678910答案ADBBDCDADD题号1112131415答案DCCCC11、12、 二、填空题(共10小题,每空2分，共20分)13、 (1)双14、(2)©15、(3)size(4)_b1ank16、(5)c

7、aption课程成绩表(6)body或主体17、(7)#(8)导入样式表18、 (9)rowspan19、 (10)src20、21、三、简答题（共4小题,每题5分，共20分）22、1.简述Web的工作原理。（5分）23、Web工作原理遵循B/S模式，客户端通过浏览器输入UR1（统一资源定位符：UniformResource1ocator）,或者通过超链接方式徙接到相关网页或者网络资源。24、客户端浏览器获取IP地址后，向其对应的IP地址上的Web服务器发送一个HTTP请求，服务器响应客户端的请求，将用户所需要的HTM1文本、图片和构成网页的其他信息一起发送回客户。25、大多数网站的网页中包含

8、很多超链接，包括内连接和外连接，把相关资源组成一个“网”。26、Web工作原理如卜图所示：29、2.简述一个HTM1文档应该包含几个基本标记。并举例说明。（5分）30、答：HTM1文档由头部head和主体body两个部分组成。在头部标记中，可定义标题、样式等；在主体标记中，可定义段落、标题字、超链接、脚本、表格、表单等元素，主体内容是网页要显示的信息。31、Tit1eofpage这是我的第一个网页！b青岛科技大学欢迎你！34、3.写出HTM1、CSS.JaVaSCriPt三大部分程序注释的方法。（5分）35、答：36、（I）HTM1中注释方法有两种：、comment）程序注释237、（2）CS

9、S中注释可以用/*这是样式表注释*/”；38、（3）JavaScript中可以用三种：单行注解；多行注释/*这是多行注释*/；39、40、4.简述属性选择器有几种定义方式。（5分）41、答：CSS选择器类型：5种42、分别是标记选择器、类选择器、id选择器、伪类选择器和属性选择器。43、（1）标记选择符一一对HTM1的标记重定义。该样式立即生效。44、 p,h1font-size:30px;Co1or:b1ue;font-fami1y:黑体；）45、 （2）类选择符一一以点号开头,并可以任意命名，如.div1、.fi1es等,该样式应用后生效,有些标记的样式相同时，可以定义成选择符组。46、

10、.div1,.fi1e(background:red;co1or:white;47、 联合选择器-标记+类选择器(p.c3co1or:red;)48、(3)ID选择符：以“旷开始，并可以任意命名。49、#div1background:red;co1or:white;50、(4)伪类选择器标记：伪类名*CSS规则*/51、(5)属性选择器定义属性选择器时，方括号“口”将属性包围住，如下所示：52、 属性名属性:属性值;属性:属性值;.；)53、 tit1eco1or:red;/*带有tit1e属性的所有元素设置样式*/54、 四、程序设计题(共3小题,每题10分,共30分)56、1.使用Java

11、Script编程实现“九九乘法表57、 58、 59、61、 60、JavaScript九九乘法表62、 63、 tab1e64、 width:600px;表格height属性可设置可不设置，建议不设置65、 border-co11apse:separate;66、 67tab1etd68、 border:8000000Ipxso1id;69、 text-a1ign:center;使标签中的内容居中显示，若是th标签，没有此行代码亦可自动居中70、 71、 72、 73、 74、 77、下面部分是核心代码78、79、document,write(*);添加一个表格样式来显示乘法表80、for(varx=1;x=9;x+)81、(82、 document,write(*);标签83、 for(vary=1;y=x;y+)84、85、document.Write(+y+x+x+”=+y*x+”);亦可用th标签来起到居中加粗内容的作用86、87document,write(*);88、89、document,write(*);90、 91、 92、 94、2.写出下图对应的div结构代码。#header#1ogo#se1ect#container#picture#nav#main#1eft#right#footer95、参考答案：96、97、 98、