2020年《web前端开发基础》作业考核试题题库大全
Web前端开发初级考试试卷
Web前端开发初级考试试卷1. 本试卷共3道大题,满分100分。
本次考试时间为30分钟2. 请在指定位置作答。
基本信息:[矩阵文本题] *一、单选题(每小题3分,共15小题,共45分)1.在html中,样式表按照应用方式可以分为三种类型,其中不包括()。
[单选题] *A.内嵌样式表B.行内样式表C.外部样式表文件D.类样式表(正确答案)2.在HTML上,将表单中INPUT元素的TYPE属性值设置为()时,用于创建重置按钮。
[单选题] *A.reset(正确答案)B.setC.buttonD.image3.分析下面的HTML代码段,该页面在浏览器中的显示效果为()。
<HTML><body><marquee scrolldelay="200" direction="right">Welcome!</marquee></body></HTML> [单选题] *A.从左向右滚动显示“Welcome!”(正确答案)B.从右向左滚动显示“Welcome!”C.从上向下滚动显示“Welcome!”D.从下向上滚动显示“Welcome!”4. 下列表示下标的是() [单选题] *A.<sup></sup>B.<sub></sub>(正确答案)C.<top></top>D.<em></em>5.在HTML中,以下关于CSS样式中文本属性的说法,错误的是()。
[单选题] *A.font-size用来设置文本的字体大小B.font-family用来设置文本的字体类型C.color用来设置文本的颜色D.text-align用来设置文本的字体形状(正确答案)6.在HTML中,()标签用于在网页中创建表单。
[单选题] *A.<INPUT>B.<SELECT>C.<TABLE>D.<FORM>(正确答案)7.为了设置页面的背景色为黑色,应该使用()。
《web前端开发基础》作业考核试题题库大全(精品文档)
《web前端开发基础》作业考核试题题库大全《web前端开发基础》这门课是非常重要的,尤其是对于计算机专业的同学们来说,下面带来的《web前端开发基础》作业考核试题题库大全一起看看!一、单选题共20题,40分12分浮动会让元素塌陷。
即被浮动元素的父元素不具有高度。
例如一个父元素包含了浮动元素,它将塌陷具有零高度。
你可以按以下()方法处理。
A在浮动元素后加个div设置clear: both; height:0,overflow:hiddenB使用clearfix;C设置父元素浮动;D以上方法均可22分在CSS中,关于BOX的margin属性的叙述正确的是()。
A边距margin只能取一个值Bmargin属性的参数有margin-left、margin-right、margin-top、 margin-bottomCmargin属性的值不可为autoDmargin属性的参数值不能全部设置成0px32分下列( )HTML属性可用来定义内联样式。
AfontBclassCstylesDstyle42分要将某div设置为漂浮于页面之上,以下能做到得是:Aposition:absolute;Bposition:relativeCposition:fixedDposition:static52分下列()工具可以方便地选择连续的、颜色相似的区域。
A魔棒工具B矩形选框工具C椭圆选框工具D磁性套索工具62分给一个盒子设置左右填充分别为10px和20px后,如果要求盒子在页面中占的总宽度不变,那么应该让盒子的宽度减少()像素。
A10pxB20pxC30pxD不需减少72分在客户端网页脚本语言中最为通用的是( )。
AVBBJavaScriptCPerlDASP82分下列( )标签里包含的内容可以显示在页面上。
AbodyBhtmlCheadDtitle92分“clear:both;”的含义是()。
A将内容清除B设置div左右都不浮动C设置往左边浮动D设置往右边浮动102分HTML文档中()位置比较适合于引用外部样式表。
web前端开发技术试题与答案二
Web前端开发技术课程考试试卷(二)总分100分考试时间:120分钟考试形式:闭卷一、选择题(每题1分,共20分)1.Web标准的制定者是。
(A)微软公司(B)网景公司(Netscape)(C)万维网联盟 (W3C) (D)对象2.下列不可能编辑HTML代码软件是。
(A)Edit Plus (B)Text Pad(C)Dreamweaver (D)VFP3.样式表通常放置在下列标记内。
(A)<body> (B)<title>(C)<head> (D)<caption>4.HTML文件后缀名通常为。
(A)*.html或*.htm (B)*.js(C)*.css (D)*.txt5.在HTML中,设置2号标题字使用标记是。
(A)<font>2</font> (B)<h2>2</h2>(C)<hn>2 </hn> (D)<h6>2</h6>6.设置<font>中文字的大小为4,正确的属性赋值语句是。
(A)<font size="4">你好!</font> (B)<font font-size="4">你好!</font> (C)<font size="4px">你好!</font> (D)都不对7.以下关于文本格式标记描述正确的是。
(A)<sup>设置下标(B)<b>加粗显示文字(C)<del>定义列表(D)<font>标记不可以设置字符串的颜色8. 将<embed>标记的autostart的值设置时可以实现下载完立即自动播放。
(A)-1 (B)false(C) infinite (D)true9.以下创建E-mail链接的方法,正确的是___________。
Web开发基础考试
Web开发基础考试(答案见尾页)一、选择题1. 在HTML中,用于插入链接的标签是:A. <a>link</a>B. <b>link</b>C. <c>link</c>D. <d>link</d>2. 在CSS中,用于设置字体大小的属性是:A. font-familyB. font-sizeC. font-weightD. font-style3. 在JavaScript中,用于获取当前日期的函数是:A. now()B. date()C. currentTime()D. today()4. 在网页设计中,常用的颜色绿、红、蓝对应的十六进制值分别是:A. #00FF00B. #FF0000C. #0000FFD. #FFFFFF5. 在HTTP协议中,用于请求资源的动词是:A. GETB. POSTC. PUTD. DELETE6. 在数据库中,用于定义关系型数据库中的表的SQL语句是:A. CREATE TABLEB. ALTER TABLEC. DROP TABLED. MODIFY TABLE7. 在网页中,用于播放视频的标签是:A. <video>B. <audio>C. <object>D. <span>8. 在CSS中,用于设置文本阴影的属性是:A. text-shadowB. shadow-textC. text-strokeD. stroke-text9. 在JavaScript中,用于操作DOM元素的函数是:A. createElement()B. createDocumentFragment()C. appendChild()D. removeChild()10. 在HTML中,用于创建新窗口的标签是:A. <newwindow>B. <openwindow>C. <closewindow>D. <maximizewindow>11. 在CSS中,用于设置字体颜色的属性是:A. font-colorB. colorC. text-colorD. font-style12. 在网页设计中,常用的响应式布局技术是:A. FlexboxB. CSS GridC. table表格D. float13. 在HTTP协议中,用于请求从服务器获取数据的动词是:A. GETB. POSTC. PUTD. DELETE14. 在数据库中,用于存储用户信息的表是:A. 用户表B. 数据表C. 结构表D. 关系表15. 在前端开发中,用于实现页面布局的CSS样式是:A. 内联样式B. 外部样式C. 结构化样式D. 功能性样式16. 在HTTP协议中,用于请求从服务器获取资源的方法是:A. GETB. POSTC. PUTD. DELETE17. 在数据库中,用于定义数据表结构的SQL语句是:A. CREATEB. ALTERC. DROPD. INSERT18. 在Web开发中,用于实现页面布局的框架技术是:A. HTMLB. CSSC. JavaScriptD. All of the above (ABC)19. 在前端开发中,用于检测用户键盘输入的事件是:A. onfocusB. onblurC. oninputD. onchange20. 在响应式网页设计中,用于设置网页布局的百分比单位是:A. pxB. emC. remD. vh21. 在Node.js中,用于处理HTTP请求的模块是:A. expressB. httpC. querystringD. fs22. 在Vue.js中,用于绑定数据与DOM元素的属性是:A. v-modelB. v-bindC. v-forD. v-if23. 什么是HTML?A. HTML是一种编程语言,用于创建网页结构。
前端开发技术考核试卷
2. CSS的盒子模型包含内容(____)、内边距(____)、边框(____)和外边距(____)四个部分。
答:____ ____ ____ ____
3. JavaScript中,定义一个函数可以使用关键字____或____。
答:____ ____
4.在响应式设计中,媒体查询使用的CSS语法是____。
D. color
20.以下哪些是ES6新引入的特性?()
A. let
B. const
C. arrow functions
D. All of the above
三、填空题(本题共10小题,每小题2分,共20分,请将正确答案填到题目空白处)
1.在HTML中,网页的基本结构由____、____和____三个标签组成。
2. Flexbox布局模型允许容器中的子元素灵活地分配空间和排列顺序。通过设置容器的display属性为flex,并使用flex-direction、flex-wrap等属性,可以实现响应式布局。
3.闭包是能够访问自由变量的函数。应用场景包括:数据封装和私有变量、模块模式、在异步请求中保持变量状态等。
4. @media
5. v-model
6. unshift pop
7. width height
8. <audio> <video>
9. push
10. text-shadow
四、判断题
1. √
2. √
3. ×
4. √
5. ×
6. √
7. √
8. ×
9. √
10. √
五、主观题(参考)
1. HTML5新增的语义化标签如<article>、<section>、<nav>等,它们分别表示文章、区块、导航等,使页面结构更加清晰,便于搜索引擎理解和抓取。
前端测试题及答案
前端测试题及答案一、选择题(每题2分,共20分)1. 在HTML中,以下哪个标签用于定义最重要的标题?A. `<h1>`B. `<p>`C. `<strong>`D. `<em>`答案:A2. CSS中,以下哪个属性用于设置元素的内边距?A. `margin`B. `padding`C. `border`D. `background`答案:B3. JavaScript中,以下哪个方法用于获取页面中元素的值?A. `getElementById()`B. `getValue()`C. `getElementsByClassName()`D. `getAttributeValue()`答案:A4. 在JavaScript中,以下哪个对象用于处理浏览器和文档之间的交互?A. `Date`B. `Math`C. `Document`D. `Array`答案:C5. 以下哪个不是HTML5的新特性?A. 语义化标签B. 表单控件C. 画布(Canvas)D. 表格(Table)答案:D6. 在CSS3中,以下哪个属性用于创建圆角边框?A. `border-radius`B. `border-style`C. `border-width`D. `border-color`答案:A7. 以下哪个JavaScript方法用于将字符串转换为数组?A. `split()`B. `join()`C. `slice()`D. `splice()`答案:A8. 在HTML中,以下哪个标签用于定义一个段落?A. `<p>`B. `<div>`C. `<span>`D. `<h1>`答案:A9. CSS中,以下哪个属性用于设置元素的外边距?A. `margin`B. `padding`C. `border`D. `background`答案:A10. 在JavaScript中,以下哪个方法用于判断一个值是否为数组?A. `Array.isArray()`B. `typeof`C. `instanceof`D. `Array.valueOf()`答案:A二、填空题(每空2分,共20分)1. HTML文档的根元素是________。
精选新版2020年WEB应用程序开发【JAVA-WEB开发】考核题库188题(含答案)
WEB应用程序开发【JAVA-WEB开发】考试题库188题一、填空题1.JSP页面的程序片中可以插入 _____ 标记。
答案:HTML2.JDBC的接口分为两个层次:一个是程序开发人员的(),另一个是()。
答案:JDBC API,底层的JDBCDRIVER API3.Internet是一个以()、通信协议为基础,连接各个国家、各个部门、各个机构计算机网络的数据通信网。
答案:TCP/IP4.Config对象是JSP页面通过()进行初始化时被传递的对象。
答案:JSP container5.在DOM接口规范中,有四个基本接口:____________、__________、_________和___________。
答案:Node,Nodelist,NamedNodeMap,Document6.要想在JSP页面中使用Bean,必须首先使用_________ 动作标记在页面中定义一个JavaBean的实例答案:<jsp:useBean>7.当客户端请求一个JSP页面时,JSP容器会将请求信息包装在_________对象中。
答案:request8.JDBC主要由两部分组成:一部分是访问数据库的高层接口,即通常所说的___ ___;另一部分是由数据库厂商提供的使Java程序能够与数据库连接通信的驱动程序,即___ ____。
答案:JDBC API,JDBC Database Driver9.当JSP页面的一个客户线程在执行 _______ 方法时,其他客户必须等待。
答案:synchronized10.()动作用来引导客户端的请求到另一个页面或者是另一个servlet。
答案:<jsp:forword>11.“<%!”和“%>”之间声明的方法在整个页面内有效,称为_______ 。
答案:页面的成员方法12.JSP页面的基本构成元素,其中变量和方法声明(Declaration)、表达式(Expression)和Java程序片(Scriptlet)统称为______ 。
Web开发基础考试
Web开发基础考试(答案见尾页)一、选择题1. 在HTML中,用于插入链接的标签是:A. <a> </a>B. <link> </link>C. <meta> </meta>D. <body> </body>2. 在CSS中,用于设置文本样式和颜色的属性是:A. font-familyB. colorC. background-colorD. all3. 在JavaScript中,用于操作DOM元素的方法是:A. createElementB. createDocumentFragmentC. appendChildD. removeChild4. 响应式布局的目的是什么?A. 使网站在所有设备上都能正常显示B. 提高网站的加载速度C. 增加网站的交互性D. 以上都是5. 在HTTP协议中,用于请求资源的动词是:A. GETB. POSTC. PUTD. DELETE6. 在数据库中,用于存储用户信息的表是:A. 用户表B. 数据表C. 结构表D. 关系表7. 在RESTful API设计中,常用的HTTP状态码有哪些?A. 200 OKB. 404 Not FoundC. 500 Internal Server ErrorD. 401 Unauthorized8. 在前端开发中,用于实现页面布局的布局技术包括:A. CSSB. JavaScriptC. HTMLD. A和B9. 在后端开发中,用于处理客户端请求的程序语言有:A. PythonB. JavaC. JavaScriptD. A和B10. 在Web开发中,用于验证用户输入数据的验证技术包括:A. 正则表达式B. 安全性检查C. 数据清理D. A和B11. 在HTML中,用于插入链接的标签是:A. <a>link</a>B. <link>href</link>C. <a>href</a>D. <link>link</link>12. 在CSS中,用于设置文本样式的属性是:A. font-familyB. font-sizeC. colorD. all13. 在JavaScript中,用于操作DOM元素的函数是:A. createElementB. createDocumentFragmentC. appendChildD. removeChild14. 在HTTP协议中,用于请求资源的HTTP方法有:A. GETB. POSTC. PUTD. DELETE15. 在HTTPS中,用于加密通信的协议是:A. SSLB. TLSC. HTTPD. HTTPS16. 在数据库中,用于存储用户信息的表是:A. 用户表B. 数据表C. 记录表D. 结构表17. 在Web应用开发中,用于处理用户提交的表单数据的处理层是:A. 展示层B. 应用层C. 业务逻辑层D. 数据访问层18. 在RESTful API设计中,常用的HTTP状态码有:A. 200 OKB. 404 Not FoundC. 500 Internal Server ErrorD. 401 Unauthorized19. 在前端开发中,用于实现页面布局的布局技术包括:A. CSSB. HTMLC. JavaScriptD. jQuery20. 在后端开发中,用于处理服务器端逻辑的编程语言包括:A. PythonB. JavaC. PHPD. Node.js21. 在HTML中,用于插入链接的标签是?A. <a> </a>B. <link> </link>C. <meta> </meta>D. <body> </body>22. 在CSS中,用于设置字体大小的属性是?A. font-familyB. font-sizeC. font-weightD. font-style23. 在JavaScript中,用于操作DOM元素的函数是?A. createElementB. createDocumentFragmentC. appendChildD. removeChild24. 在HTTP协议中,用于表示请求方法的字段是?A. Content-TypeB. Cache-ControlC. AcceptD. Method25. 在RESTful API设计中,常用的HTTP方法有?A. GETB. POSTC. PUTD. DELETE26. 在数据库中,用于存储用户信息的表是?A. 用户表B. 数据表C. 结构表D. 关系表27. 在前端开发中,用于实现页面布局的布局标签是?A. <header> </header>B. <footer> </footer>C. <section> </section>D. <aside> </aside>28. 在Vue.js中,用于监听数据变化的属性是?A. dataB. propsC. computed29. 在Webpack中,用于打包和优化的工具是?A. GulpB. GruntC. WebpackD. npm30. 在Node.js中,用于处理HTTP请求的模块是?A. expressB. httpC. pathD. fs31. 在HTML中,用于插入链接的标签是:A. <a>B. <link>C. <meta>D. <body>32. 在CSS中,用于设置文本样式的属性是:A. font-familyB. hrefC. widthD. class33. 在JavaScript中,用于操作DOM元素的函数是:A. createElementB. getElementByIdC. setTimeoutD. querySelector34. 在HTTP协议中,用于传输数据的协议是:A. HTTPSB. HTTPD. FTP35. 在数据库中,用于存储用户信息的表是:A. 注册表B. 数据表C. 索引表D. 配置表36. 在RESTful API设计中,常用的HTTP方法有:A. GETB. POSTC. PUTD. DELETE37. 在HTML中,用于创建动画效果的标签是:A. <animate>B. <animation>C. <effect>D. <transition>38. 在Web应用开发中,用于处理用户输入的表单元素是:A. <input>B. <button>C. <form>D. <label>39. 在CSS中,用于设置页面背景颜色的属性是:A. background-colorB. background-imageC. background-repeatD. background-size40. 在JavaScript中,用于实现事件绑定的方法是:A. addEventListenerB. attachEventC. bindD. delegate二、问答题1. 什么是HTML?请简要描述其功能和用途。
web前端开发基础试卷及答案
web前端开发基础试卷及答案一、选择题1计算机之所以按人们的意志自动展开工作.最轻易的原因是因为使用了CA)二进制数制 B)高速电子元件C)存储程序控制 D)程序设计语言2微型计算机主机的主要组成部分是B运算器和控制器 B)CPU和内存储器和硬盘存储器 D)CPU、内存储器和硬盘3一个完备的计算机系统必须包含B主机、键盘、和显示器 B)硬件系统和软件系统主机和其他外部设备 D)系统软件和应用软件4计算机软件系统包括AA)系统软件和应用软件 B)编译系统和应用领域系统C)数据库管理系统和数据库 D)程序、相应的数据和文档5微型计算机中,控制器的基本功能就是DA)进行算术和逻辑运算 B)存储各种控制信息 C)保持各种控制状态 D)控制计算机各部件协调一致地工作6计算机操作系统的促进作用就是AA管理计算机系统的全部软、硬件资源,合理组织计算机的工作流程,以达到充分发挥计算机资源的效率,为用户提供使用计算机的友好界面B对用户存储的文件展开管理,便利用户C执行用户键入的各类命令D为汉字操作系统提供更多运转基础7计算机的`硬件主要包括:中央处理器(CPU)、存储器、输出设备和CA键盘 B)鼠标 C)输出设备 D)显示器8下列个组设备中,完全属于外部设备的一组是D内存储器、磁盘和打印机 B)CPU、软盘驱动器和RAMC显示器和键盘 D)硬盘、软盘驱动器、键盘10五笔字型码输入法属BA音码输入法 B)形码输入法 C)音形结合输入法 D)联想输入法11一个GB编码字符集中的汉字的机内码长度就是C(每个汉字占到两个字节,每个字节8十一位)A48位 B)24位 C)16位 D)8位12微型计算机硬件系统中最核心的部件就是DA硬盘 B)I/O设备 C)内存储器 D)CPU14无符号二进制整数转变成十进制整数,其值就是D B)19 C)21 D)2315一条计算机指令中,通常包含BA数据和字符 B)操作码和操作数 C)运算符和数据 D)被运算数和结果16计算机病毒破坏的主要对象是DA磁盘片 B)磁盘驱动器 C)CPU D)程序和数据16下列叙述中,正确的是BA能够轻易加载硬盘上的数据 B)CUP能够直接存取内存储器中的数据C)CPU有存储器和控制器组成D主要用以存储程序和数据在计算机技术指标中,MIPS用来描述计算机的AA运算速度 B)时钟主频 C)存储容量 D)字长17局域网的英文缩写是BA广域网 B)LAN C)MAN虚拟网 D)Internet互联网二、汉字录入(10分钟)打印以下文字,方法不减半,限时10分钟。
精编2020年WEB应用程序开发【JAVA-WEB开发】考试题库188题(含答案)
WEB应用程序开发【JAVA-WEB开发】考试题库188题一、填空题1.JavaBean的种类分为()和()两类。
答案:可视化 javabean,非可视化 javabean2.W3C是指__________。
答案:万维网联盟3.一个完整的JSP页面是由普通的HTML标记、JSP指令标记、JSP动作标记、变量声明与方法声明、_____、______、注释(Comment) 7种要素构成。
答案:程序片(Scriptlet),表达式(Exception)4.JSP页面的基本构成元素,其中变量和方法声明(Declaration)、表达式(Expression)和Java程序片(Scriptlet)统称为______ 。
答案:JSP脚本元素5.在“<%!”和“%>”之间声明的变量又称为________,其作用范围为整个JSP页面。
答案:页面成员变量6.当JSP页面的一个客户线程在执行 _______ 方法时,其他客户必须等待。
答案:synchronized7.JSP的_____对象用来保存单个用户访问时的一些信息。
答案:session8.response对象的____________方法可以将当前客户端的请求转到其他页面去。
答案:sendRedirect(URL url)9.要想在JSP页面中使用Bean,必须首先使用_________ 动作标记在页面中定义一个JavaBean的实例答案:<jsp:useBean>10.Servlet中使用Session对象的步骤为:调用__________________得到Session对象,查看Session对象,在会话中保存数据。
答案:HttpServletRequest.getSession()11.在DOM接口规范中,有四个基本接口:____________、__________、_________和___________。
答案:Node,Nodelist,NamedNodeMap,Document12.Config对象是JSP页面通过()进行初始化时被传递的对象。
最新2020年WEB应用程序开发【JAVA-WEB开发】完整版考核题库188题(含参考答案)
WEB应用程序开发【JAVA-WEB开发】考试题库188题一、填空题1.“<%!”和“%>”之间声明的方法在整个页面内有效,称为_______ 。
答案:页面的成员方法2.HTML文档的开头和结束元素为________。
答案:<html></html>3.Internet是一个以()、通信协议为基础,连接各个国家、各个部门、各个机构计算机网络的数据通信网。
答案:TCP/IP4.Servlet中使用Session对象的步骤为:调用__________________得到Session对象,查看Session对象,在会话中保存数据。
答案:HttpServletRequest.getSession()5.response对象的____________方法可以将当前客户端的请求转到其他页面去。
答案:sendRedirect(URL url)6.JSP的_____对象用来保存单个用户访问时的一些信息。
答案:session7.JDBC的接口分为两个层次:一个是程序开发人员的(),另一个是()。
答案:JDBC API,底层的JDBCDRIVER API8.在“<%!”和“%>”之间声明的变量又称为________,其作用范围为整个JSP页面。
答案:页面成员变量9.JavaBean的种类分为()和()两类。
答案:可视化 javabean,非可视化 javabean10.JSP页面的基本构成元素,其中变量和方法声明(Declaration)、表达式(Expression)和Java程序片(Scriptlet)统称为______ 。
答案:JSP脚本元素。
精选2020年WEB前端JS高级完整考试题库(含答案)
2020年《WEB前端JS高级》试题(含参考答案)一、单选题1.()方法可以使元素重复切换样式?:正确答案:CA className()B addClass()C toggleClass()D removeClass()2.以下对one()函数描述正确的是:正确答案:CA 和on()没什么区别B 可以删除已绑定的事件C 给元素绑定一次性事件D 可以代替live()使用3.筛选出已知$("#span01")的祖先元素中,class为“mainbox”的所有元素:正确答案:BA $("#span01").closest(".mainbox")B $("#span01").parents(".mainbox")C $("#span01").parent(".mainbox")D $("#span01").find(".mainbox")4.使用jquery检查<input type="hidden" id="id" name="id"/>元素在网页上是否存在。
:正确答案:BA if($("#id")) { //do someing... }B if($("#id").length > 0) { //do someing...}C if($("#id").size > 0) { //do someing... }D if($("#id").length() > 0) { //do someing...}5.在jquey中,如果想要从DOM中删除所有匹配的元素,下面哪一个是正确的?:正确答案:CA empty()B removeAll()C remove()D delete()6.如果想在一个指定的元素后添加内容,下面哪个是实现该功能的?:正确答案:DA insertAfter(content)B appendTo(content)C append(content)D after(content)7.下面哪种不属于jquery的筛选?:正确答案:BA 过滤B 自动C 串联D 查找8.以下哪句代码可以实现在id为"next"元素前插入一个div元素?:正确答案:BA $("#next").append("<div></div>");B $("#next").before("<div></div>");C $("#next").insert("<div></div>");D $("#next").prependTo("<div></div>");9.已知页面中有一个元素id为“xxx”,通过jquery将其删除,书写正确的是:正确答案:CA $("#xxx").clone()B delete().$("#xxx")C $("#xxx").remove()D $("#xxx").empty()10.给页面中第一个span添加一个class,"testSpan",以下代码正确的是:正确答案:AA $("span").first().addClass("testSpan")B $("span").eq(1).addClass("testSpan")C $("span").first().css("testSpan")D $("span").last().hasClass("testSpan")11.哪个标签适合定义文章:正确答案:CA divB asideC articleD section12.以下给div添加class的方法正确的是:正确答案:BA $("div").hasClass("cl")B $("div").addClass("cl")C $("div").css("cl")D $("div").removeClass("cl")13.ready(fn)方法描述错误的是?:正确答案:AA 在同一个页面中只允许使用一次$(document).ready()事件B 是页面加载方法C 在DOM载入就绪时立即调用fn函数D 这个方法是window.load事件的替代方法14.在鼠标事件中,获取鼠标相对于当前窗口可视区域的纵坐标位置,以下代码正确的是。
2020web前端初级考试题库及答案
2020web前端初级考试题库及答案一、单选题(每题2分,共20分)1. HTML5中,用于定义文档的元数据的标签是?A. `<html>`B. `<head>`C. `<title>`D. `<meta>`答案:B2. CSS中,用于设置文本颜色的属性是?A. `color`B. `background-color`C. `text-shadow`D. `font-family`答案:A3. JavaScript中,用于获取当前时间的函数是?A. `Date()`B. `new Date()`C. `getTime()`D. `setTimeout()`答案:B4. 在HTML中,用于创建一个无序列表的标签是?A. `<ul>`B. `<ol>`C. `<dl>`D. `<p>`答案:A5. CSS中,用于设置元素的外边距的属性是?A. `margin`B. `padding`C. `border`D. `font-size`答案:A6. JavaScript中,用于获取元素的`id`属性值的函数是?A. `getElementById()`B. `getElementsByClassName()`C. `getElementsByTagName()`D. `querySelector()`答案:A7. 在HTML中,用于创建一个超链接的标签是?A. `<a>`B. `<iframe>`C. `<embed>`D. `<object>`答案:A8. CSS中,用于设置元素的背景颜色的属性是?A. `background-color`B. `color`C. `background`D. `text-shadow`答案:A9. JavaScript中,用于获取当前日期的函数是?A. `Date()`B. `new Date()`C. `getDate()`D. `setTimeout()`答案:C10. 在HTML中,用于创建一个有序列表的标签是?A. `<ul>`B. `<ol>`C. `<dl>`D. `<p>`答案:B二、多选题(每题3分,共15分)1. 在HTML5中,以下哪些标签用于语义化结构?A. `<article>`B. `<section>`C. `<div>`D. `<header>`答案:A, B, D2. CSS中,以下哪些属性可以设置字体样式?A. `font-family`B. `font-size`C. `font-weight`D. `color`答案:A, B, C3. JavaScript中,以下哪些方法用于获取元素?A. `getElementById()`B. `getElementsByClassName()`C. `getElementsByTagName()`D. `querySelectorAll()`答案:A, B, C, D4. 在HTML中,以下哪些标签用于表单元素?A. `<input>`B. `<select>`C. `<textarea>`D. `<button>`答案:A, B, C, D5. CSS中,以下哪些属性用于设置元素的边框?A. `border-style`B. `border-width`C. `border-color`D. `margin`答案:A, B, C三、判断题(每题1分,共10分)1. HTML5中,`<!DOCTYPE html>`声明不是必需的。
1+X Web前端等级考证 2020 12月Web前端开发中级理论 (试卷3) 附答案
1+X Web前端等级考证 | 2020 12月Web前端开发中级理论 (试卷3) 附答案2020年下半年 Web前端开发中级理论考试考生姓名:———————————准考证号:——————————(考试时间9:00-11:30 共150分钟)1.本试卷共3道大题,满分100分。
2.请在指定位置作答。
一、单选题(每小题2分,共30小题,共60分)1、在Bootstrap4框架中,下列哪个类用于设置图片缩略图(图片有边框)(C)。
A、.roundedB、.rounded-circleC、.img-thumbnailD、.float-right2、在Bootstrap4框架中,折叠可以很容易的实现内容的显示与隐藏。
折叠按钮button的data-toggle属性需要设置哪个值。
()。
A、collapseB、roundedC、disabledD、active3、下面选项哪个类可以为表格和其中的每个单元格增加边框。
(B)A、table-hoverB、table-borderedC、table-condensedD、table4、关于Bootstrap4中的模态框说法错误的是(D)A、模态框(Modal)是覆盖在父窗体上的子窗体B、模态框最外层div需要设置modal类C、模态框有modal-top、modal-body、modal-footer等部分D、模态框可以使用modal-lg、modal-sm类控制大小5、下面哪个类用于固定宽度并支持响应式布局的容器。
(D)A、containerB、centerC、containersD、containerFluid6、以下哪个标签不是 HTML 5 的语义化标签。
(C)A、< header>< /header>B、< section>< /section>C、< strong>< /strong>D、< article>< /article>7、在CSS3中,可以使用box-shadow属性设置阴影,不同的浏览器引擎中,实现box-shadow属性的方法略有不同,火狐浏览器的私有属性是(B )A. box-shadowB. -moz-box-shadow(网景)C. -webkit-box-shadowD. -gecko-box-shadow8、定义文本字体时,设置字体的尺寸的CSS属性为(A )A. font-sizeB. font-familyC. font-styleD. font-variant9、用来改变元素背景颜色的CSS属性为( B)A.background-positionB. background-colorC. background-imageD. background-attachment10、以下聚合函数,求数据总和的是( B)A、MAXB、SUMC、COUNTD、AVG11、SELECT语句完整语法比较复杂,但至少要包含的部分是(B )A、 SELECT , WHEREB、SELECT , FROMC、SELECT , GROUPD、SELECT , ORDER BY12、查询表结构使用下列哪项( D)A、FINDB、SELECTC、ALTERD、DESC13、查找name不是null的记录语句的条件部分正确写法是( C)A、WHERE `name` != NULLB、WHERE `name` ! NULLC、WHERE `name` NOT NULLD、WHERE `name` IS NOT NULL14、读取post方法传递的表单元素值的方法是(B )A. $_post[“名称”]B. $_POST[“名称”]C. $post[“名称”]D. $POST[“名称”]15、把下列数值强制类型转换为BOOL类型,哪个会得到true(D)A. 0B. NULLC. 空字符串D. 0.116、以只读模式打开文件"abc.txt"的正确方法是( D )A. fopen(“abc.txt”,“r+”);B. open(“abc.txt”);C. open(“abc.txt”,“read”);D. fopen(“abc.txt”,“r”);17、关于PHP中的使用双引号和单引号定义一个字符串,下列描述正确的是( A )A. 双引号中如果出现了变量名,会被替换成这个变量对应的值;单引号中如果出现了变量名,不会被替换成这个变量对应的值B. 双引号中如果出现了变量名,不会被替换成这个变量对应的值;单引号中如果出现了变量名,会被替换成这个变量对应的值C. 双引号和单引号中出现了变量名,都会被替换成这个变量对应的值D. 双引号和单引号中出现了变量名,都不会被替换成这个变量对应的值18、在php中,连接 MySQL 数据库的正确方法是?( B )A、mysql_open(“localhost”,“root”,“root”);B、mysql_connect(“localhost”,“root”,“root”);C、connect_mysql(“localhost”,“root”,“root”);D、dbopen(“localhost”,“root”,“root”);19、引用文件“abc.inc” 的正确方法是?( A )A、<?php require("abc.inc"); ?> require "abc.inc" ;B、< !–include file=" abc.inc"–>C、<?php include_file("abc.inc"); ?>D、<% include file=" abc.inc" %>20、在PHP中,用于存储用户会话信息的超级全局变量是( D )。
Web开发基础练习题(附参考答案)
Web开发基础练习题试题题型:配伍题、判断题、单选题、多选题、编程题第1章Web的工作方式判断题1.Web (WorldWideWeb)即全球广域网,也称为万维网。
()√2.Web服务器主要功能包括:存储网站资源文件,代用户发送请求,提供基本的安全功能。
()×3.Web服务端应用程序开发主要可以使用以下几种编程语言:PHP、ASPNET等。
O √4.FTP协议规定了Web服务器与浏览器之间如何打包及如何传输数据。
()×5.Web中采用HTML (HyperText Markup Language,超文本标记语言)通信协议。
()x 单选题1.Intemet 上提供的主要服务有:Telnet、E-mail、()、FTP0 CA. AppB. WindowsC. WWWD. W3C2.万维网联盟(WcddwideWebConsortium),简称(),专门负责制定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.[参考答案]①:b ②:a ③:d @: e ⑤:C第2章HTML5基础知识判断题1. HTML规定元素标签可以嵌套,但不允许交叉。
()√2.单标记只有开始标记,没有结束标记。
开始标记中的/可有可无。
()√3.如果网页中包含多个拥有相同id属性值的元素,则网页报错,无法显示。
()×4. <p>元素中不允许包含以下元素:标题元素(hl~h6)、SPan元素、div元素。
Web前端开发基础考试
Web前端开发基础考试(答案见尾页)一、选择题1. HTML 是什么?A. 一种编程语言B. 一种标记语言C. 一种用于创建网页的标准D. 一种用于展示幻灯片的软件2. CSS 中的 "box-sizing" 属性取值有哪些?A. content-boxB. border-boxC. padding-boxD. content-box3. JavaScript 中,以下哪个不是常用的数据类型?A. stringB. numberC. booleanD. object4. 响应式布局是指什么?A. 使用 CSS 媒体查询根据设备屏幕大小调整布局B. 使用 JavaScript 动态修改 HTML 元素C. 使用 CSS 动态修改 HTML 元素D. 使用 JavaScript 遍历 HTML 元素5. 常见的 JavaScript 库和框架有哪些?A. jQueryB. ReactC. AngularD. Vue.js6. 什么是 AJAX?A. 一种新的编程语言B. 一种用于创建动态网页的技术C. 一种用于解析 XML 文档的库D. 一种用于显示 JSON 数据的库7. 在 HTML 中,以下哪个标签用于创建链接?A. <a>B. <link>C. <meta>D. <script>8. 在 CSS 中,以下哪个属性用于设置元素的宽度?A. widthB. heightC. sizeD.辰9. 在 JavaScript 中,以下哪个函数用于将字符串转换为数字?A. parseInt()B. parseFloat()C. isNaN()D. isFinite()10. 什么是 DOM?A. 文档对象模型B. 一种编程语言C. 一种浏览器对象D. 一种用于存储数据的数据库11. CSS中用于设置文本样式的是哪个属性?A. `font-family`B. `background-color`C. `border`D. `padding`12. 在JavaScript中,以下哪个函数可以用来获取字符串的长度?A. `length`B. `size`C. `charAt`D. `charCodeAt`13. 响应式布局的目的是什么?A. 使网页在不同设备上显示相同的内容B. 提高网页的加载速度C. 增加网页的复杂性D. 降低网站的维护成本14. XMLHttpRequest对象用于执行哪种网络请求?A. GET请求B. POST请求C. PUT请求D. DELETE请求15. 在HTML中,`<canvas>`元素用于什么?A. 显示图像B. 创建动画C. 处理表格数据D. 创建交互式图形16. 当使用CSS选择器时,以下哪个优先级最高?A. 类选择器(class selector)B. ID选择器(id selector)C. 属性选择器(attribute selector)D. 子选择器(child selector)17. 在JavaScript中,以下哪个函数用于中止当前脚本的执行?A. `break`B. `continue`C. `return`D. `throw`18. 前端开发中,哪个框架通常用于构建用户界面和单页应用?A. ReactB. AngularC. Vue.jsD. Django19. HTML 是什么?A. 一种标记语言B. 一种编程语言C. 一种用于创建网页的标准D. 一种音频格式20. CSS 有什么特性?A. 响应式设计B. 预定义的样式C. 动画效果D. 移动设备优先21. JavaScript 中,哪种数据类型包含可能的所有值?A. NumberB. StringC. ObjectD. Null22. 响应式布局是什么?A. 使网站在不同设备上显示相同的内容B. 使网站在不同设备上显示不同的内容C. 使网站在不同设备上显示不同的样式D. 使网站在不同设备上显示不同的动画效果23. 前端开发中常用的框架有哪些?A. ReactB. AngularC. Vue.jsD. jQuery24. 什么是 AJAX?A. 静态网页技术B. 动态网页技术C. 客户端与服务器通信的技术D. Web存储技术25. 在 HTML 中,用于插入链接的标签是?A. <a> </a>B. <link> </link>C. <meta> </meta>D. <script> </script>26. 前端开发中,如何设置一个元素的样式?A. 使用 CSSB. 使用 JavaScriptC. 使用 HTMLD. A和B都可以27. 什么是 RESTful API?A. 一种网络应用程序的设计风格和开发方式B. 一种编程语言C. 一种数据库技术D. 一种文件格式28. 在前端开发中,如何实现页面的动态效果?A. 使用 CSSB. 使用 JavaScriptC. 使用 HTMLD. A和B都可以29. 在CSS中,用于设置文本字体大小的属性是()。
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
《web前端开发基础》作业考核试题题库大全一、单选题共20题,40分12分浮动会让元素塌陷。
即被浮动元素的父元素不具有高度。
例如一个父元素包含了浮动元素,它将塌陷具有零高度。
你可以按以下()方法处理。
A在浮动元素后加个div设置clear: both;height:0,overflow:hiddenB使用clearfix;C设置父元素浮动;D以上方法均可22分在CSS中,关于BOX的margin属性的叙述正确的是()。
A边距margin只能取一个值Bmargin属性的参数有margin-left、margin-right、margin-top、margin-bottomCmargin属性的值不可为autoDmargin属性的参数值不能全部设置成0px 32分下列( )HTML属性可用来定义内联样式。
AfontBclassCstylesDstyle42分要将某div设置为漂浮于页面之上,以下能做到得是:Aposition:absolute;Bposition:relativeCposition:fixedDposition:static52分下列()工具可以方便地选择连续的、颜色相似的区域。
A魔棒工具B矩形选框工具C椭圆选框工具D磁性套索工具62分给一个盒子设置左右填充分别为10px和20px后,如果要求盒子在页面中占的总宽度不变,那么应该让盒子的宽度减少()像素。
A10pxB20pxC30pxD不需减少72分在客户端网页脚本语言中最为通用的是( )。
AVBBJavaScriptCPerlDASP82分下列( )标签里包含的内容可以显示在页面上。
AbodyBhtmlCheadDtitle92分“clear:both;”的含义是()。
A将内容清除B设置div左右都不浮动C设置往左边浮动D设置往右边浮动102分HTML文档中()位置比较适合于引用外部样式表。
A在部分B文档开始C文档结尾D在中112分以下()属性可以去除列表中的项目符号。
Alist-typeBlist-style-imageClist-style-typeDtype122分在CSS中,关于BOX的margin属性的叙述正确的是()。
A边距margin只能取一个值Bmargin属性的参数有margin-left、margin-right、margin-top、margin-bottomCmargin属性的值不可为autoDmargin属性的参数值不能全部设置成0px132分下列( )标签表示页面的标题。
AheadBhtmlCtitleDbody142分CSS是利用()标签构建网页布局。
ABCD152分图像分辨率的单位是()。
AdpiBppiClpiDpixel162分以下代码片断中,属于绝对定位的是()。
A#box{width:100px;height:50px;position:absolute;} B#box{width:100px;height:50px; position:static;} C#box{width:100px;height:50px; position:relative;} D#box{width:100px;height:50px;}172分下列( )标题标签表示的文字字体最大。
Ah1Bh2Ch7Dh3182分CSS是( )的缩写。
AColorful Style Sheets BCascading Style Sheets CCreative Style Sheets DComputer Style Sheets 192分在下列删除图像中参考线的描述中,正确的是()。
A选择“视图>显示”中取消选择“参考线”B用移动工具将图像中的参考线拖动到图像之外C选择“视图>清除参考线”D用路径选择工具将图像中的参考线拖动到图像之外202分为了标识一个HTML文件应该使用的HTML标记是( )。
ABCD(/table>二、多选题共15题,30分12分分析以下的CSS样式代码,可以知道()。
h1{color:limegreen;font-family:arial;}A此段代码是html的一个选择器B选择器的名称是colorC{}部分的样式属性作为h1元素的默认样式Dlimegreen和font-family都是值22分以下选项中,是页面布局模型的是()。
A盒子模型B层模型C流动模型D浮动模型32分标签的四个伪类是( )。
Aa:link;Ba:visitive;Ca:hover;Da :active;42分以下选项中,是页面布局模型的是()。
A盒子模型B层模型C流动模型D浮动模型52分以下对“层”的优点描述正确的是( )。
A能够定位精确B加速浏览C插入自如D不可叠加性62分当选择“文件>新建”命令,在弹出的“新建”对话框中可设定下列()选项。
A图像的高度和宽度B图像的分辨率C图像的色彩模式D图像的标尺单位72分分析以下的CSS样式代码,可以知道()。
h1{color:limegreen;font-family:arial;}A此段代码是html的一个选择器B选择器的名称是colorC{}部分的样式属性作为h1元素的默认样式Dlimegreen和font-family都是值82分下列属于行列标签的是()。
A<a>B<span>C<br>D<div>92分以下选项中属于块级元素的是()。
ApBhrCdivDspan2分在HTML中,样式表按照应用方式可分为三种类型,包括()。
A类样式表B内嵌样式C行内样式D外部样式表文件112分关于超级链接,以下说法正确的是()。
A用标签标示超级链接Bhref属性表示链接的目标地址Ctarget属性表示链接的目标窗口D超级链接只可以链接到普通html页面122分下面关于网站制作的说法正确的是( )。
A首先要定义站点B最好把素材和网页文件放在同一个文件夹下以便方便C首页的文件名必须是index.htmD一般在制作时,站点一般定义为本地站点132分关于参考线的使用,以下说法正确的是()。
A将鼠标放在标尺的位置向图形中拖,就会拉出参考线B需要用路径选择工具来移动参考线C将一条参考线拖动到标尺上,参考线就会被删除掉D要恢复标尺原点的位置,用鼠标双击左上角的横纵坐标相交处即可142分下列属于浮动元素特征的是()。
A浮动元素会被自动地设置为块状元素显示B浮动元素在垂直方向上它与未被定义为浮动时的位置一样C浮动元素在水平方向上,它将最大程度地靠近其父级元素边缘D浮动元素有可能会脱离包含元素之外152分下列关于HTML语言的标记正确的是()。
Aborder用于设置表格边线宽度,cellpadding用于设置框线厚度Bcellpadding用于设置框线厚度,cellspacing用于设置数据与边框的距离Cbgcolor用于单元格的背景颜色,width用于设定整个表格的宽度Dvalign用于强制单元格内容不换行,nowarp用于设定单元格内容垂直对齐方式三、判断题共15题,30分12分可通过菜单“文件-存储为Web和设备所用格式”导出切图到指定位置。
A错误B正确22分可以用来改变字体颜色的是text-color:。
A错误B正确32分Overflow属性中的hidden值表示不显示超过对象尺寸的内容。
A错误B正确42分在使用污点修复画笔工具时,不需要定义原点,只需要确定需要修复的图像位置,调整好画笔大小,移动鼠标就会在确定需要修复的位置自动匹配。
A错误B正确52分在Dreamweaver CS6中预览网页用快捷键F12,调试网页用ALT+F12。
A错误B正确62分为了定义元素与其边框直接的空白区域,可以使用padding属性,padding可以设为负值。
A错误B正确72分网页中的超级链接根据所链接的对象不同,包括:空链接、图像链接、热区链接和Flash链接。
A错误B正确82分流动模型是基于标准文档流的模型。
A错误B正确92分浮动布局不能实现横向多列布局。
A错误B正确102分标记用来起始一个段落,它是一个块级元素,标记中不能再包含其他的任何块级元素,即使是标记本身也不可以。
在标记中放入另一个标记只能导致重新开始一个新段落。
A错误B正确112分段落标记是指文件段落标记,为文字、图片、表格等之间留一空白行。
A错误B正确122分background-color:用于设置背景色。
A错误B正确132分创建网页上的动画不可以通过层的应用来实现。
A错误B正确142分缩进段落时文字会向中间靠拢,凸出段落时文字会向两边延伸。
A错误B正确152分css中 body{ padding-left:20px;}表示页面左边的可编辑区域大小。
A错误B正确。