2026年計(jì)算機(jī)二級(jí)（Web前端開(kāi)發(fā)）自測(cè)試題及答案

（考試時(shí)間：90分鐘滿分100分）班級(jí)______姓名______一、單項(xiàng)選擇題（總共20題，每題2分，每題的備選項(xiàng)中，只有一個(gè)最符合題意）1.以下哪種CSS選擇器用于選擇元素的第一個(gè)子元素？A.:first-of-typeB.:first-childC.:last-of-typeD.:last-child2.在HTML中，用于創(chuàng)建無(wú)序列表的標(biāo)簽是？A.<ul>B.<ol>C.<dl>D.<li>3.以下哪個(gè)JavaScript函數(shù)用于將字符串轉(zhuǎn)換為整數(shù)？A.parseInt()B.parseFloat()C.Number()D.String()4.在CSS中，設(shè)置元素透明度的屬性是？A.opacityB.visibilityC.displayD.z-index5.以下哪種布局方式可以使元素在頁(yè)面中水平和垂直居中？A.使用text-align:center和line-height等于元素高度B.使用margin:0autoC.使用position:absolute和top:50%、left:50%以及transform:translate(-50%,-50%)D.使用float:left和clear:both6.在JavaScript中，以下哪個(gè)方法用于向數(shù)組末尾添加元素？A.push()B.pop()C.shift()D.unshift()7.以下哪個(gè)HTML標(biāo)簽用于嵌入視頻？A.<video>B.<audio>C.<embed>D.<object>8.在CSS中，設(shè)置元素背景顏色漸變的屬性是？A.background-imageB.background-repeatC.background-sizeD.background:linear-gradient()9.以下哪種JavaScript數(shù)據(jù)類型是可變的？A.NumberB.StringC.ArrayD.Boolean10.在HTML中，用于創(chuàng)建超鏈接的標(biāo)簽是？A.<a>B.<link>C.<img>D.<input>11.以下哪個(gè)CSS屬性用于設(shè)置元素的邊框樣式？A.border-widthB.border-colorC.border-styleD.border-radius12.在JavaScript中，以下哪個(gè)方法用于刪除對(duì)象的屬性？A.deleteB.removeC.clearD.unset13.以下哪種布局方式可以實(shí)現(xiàn)多列布局？A.使用floatB.使用flexboxC.使用grid布局D.以上都是14.在HTML中，用于定義表單的標(biāo)簽是？A.<form>B.<input>C.<select>D.<textarea>15.以下哪個(gè)CSS屬性用于設(shè)置元素的陰影效果？A.box-shadowB.text-shadowC.drop-shadowD.filter:drop-shadow()16.在JavaScript中，以下哪個(gè)方法用于遍歷對(duì)象的屬性？A.for...inB.forEachC.mapD.filter17.以下哪個(gè)HTML標(biāo)簽用于創(chuàng)建下拉菜單？A.<select>B.<option>C.<datalist>D.<inputtype="dropdown">18.在CSS中，設(shè)置元素過(guò)渡效果的屬性是？A.transitionB.animationC.transformD.opacity19.以下哪種JavaScript數(shù)據(jù)類型表示空值？A.nullB.undefinedC.NaND.''20.在HTML中，用于插入注釋的標(biāo)簽是？A.<!---->B.//C.//D.<%%>二、多項(xiàng)選擇題（總共10題，每題3分，每題的備選項(xiàng)中，有2個(gè)或2個(gè)以上符合題意，至少有1個(gè)錯(cuò)項(xiàng)。錯(cuò)選，本題不得分；少選，所選的每個(gè)選項(xiàng)得0.5分）1.以下哪些是有效的CSS單位？A.pxB.emC.%D.ptE.rad2.在JavaScript中，以下哪些方法可以用于數(shù)組操作？A.push()B.pop()C.slice()D.join()E.reverse()3.以下哪些HTML標(biāo)簽可以用于創(chuàng)建表格？A.<table>B.<tr>C.<td>D.<th>E.<caption>4.在CSS中，以下哪些屬性可以用于設(shè)置文本樣式？A.font-sizeB.colorC.text-alignD.line-heightE.letter-spacing5.以下哪些是JavaScript中的事件類型？A.clickB.mouseoverC.keydownD.loadE.submit6.以下哪些方法可以用于在HTML頁(yè)面中引入CSS樣式？A.<link>標(biāo)簽B.<style>標(biāo)簽C.@import語(yǔ)句D.使用內(nèi)聯(lián)樣式E.在JavaScript中動(dòng)態(tài)創(chuàng)建<style>標(biāo)簽7.在HTML中，以下哪些標(biāo)簽可以用于創(chuàng)建表單輸入元素？A.<inputtype="text">B.<inputtype="password">C.<inputtype="radio">D.<inputtype="checkbox">E.<inputtype="submit">8.以下哪些CSS屬性可以用于設(shè)置元素的定位方式？A.positionB.topC.leftD.rightE.bottom9.在JavaScript中，以下哪些對(duì)象具有屬性和方法？A.documentB.windowC.navigatorD.locationE.history10.以下哪些HTML標(biāo)簽可以用于創(chuàng)建段落？A.<p>B.<div>C.<span>D.<article>E.<section>三、填空題（總共10題，每題2分）1.CSS中設(shè)置元素寬度為自適應(yīng)的屬性是______。2.JavaScript中獲取元素的方法是______。3.HTML中設(shè)置表格邊框的屬性是______。4.CSS中設(shè)置元素字體加粗的屬性是______。5.JavaScript中判斷一個(gè)變量是否為數(shù)組的方法是______。6.HTML中創(chuàng)建水平分隔線的標(biāo)簽是______。7.CSS中設(shè)置元素背景圖片平鋪方式為不平鋪的屬性是______。8.JavaScript中用于將字符串轉(zhuǎn)換為大寫的方法是______。9.HTML中設(shè)置表單提交地址的屬性是______。10.CSS中設(shè)置元素透明度為0.5的代碼是______。四、簡(jiǎn)答題（總共3題，每題10分）1.請(qǐng)簡(jiǎn)述CSS盒模型的組成部分，并說(shuō)明如何通過(guò)CSS修改盒模型的屬性。2.解釋JavaScript中函數(shù)的定義和調(diào)用方式，并舉例說(shuō)明。3.簡(jiǎn)述HTML5中新增的語(yǔ)義化標(biāo)簽及其作用。五、編程題（總共1題，20分）請(qǐng)編寫一個(gè)HTML頁(yè)面，包含一個(gè)表單，表單中有一個(gè)文本輸入框和一個(gè)提交按鈕。當(dāng)用戶在文本輸入框中輸入內(nèi)容并點(diǎn)擊提交按鈕時(shí)，彈出一個(gè)提示框顯示輸入的內(nèi)容。請(qǐng)使用JavaScript實(shí)現(xiàn)該功能。答案：1.單項(xiàng)選擇題：1.B2.A3.A4.A5.C6.A7.A8.D9.C10.A11.C12.A13.D14.A15.A16.A17.A18.A19.A20.A2.多項(xiàng)選擇題：1.ABCD2.ABCDE3.ABCDE4.ABCDE5.ABCDE6.ABCDE7.ABCDE8.ABCDE9.ABCDE10.A3.填空題：1.width:auto2.document.getElementById()3.border4.font-weight:bold5.Array.isArray()6.<hr>7.background-repeat:no-repeat8.toUpperCase()9.action10.opacity:0.54.簡(jiǎn)答題：-CSS盒模型由內(nèi)容區(qū)（content）、內(nèi)邊距（padding）、邊框（border）和外邊距（margin）組成。修改盒模型屬性示例：width:200px;設(shè)置內(nèi)容區(qū)寬度；padding:10px;設(shè)置內(nèi)邊距；border:1pxsolidblack;設(shè)置邊框；margin:20px;設(shè)置外邊距。-JavaScript函數(shù)定義方式：function函數(shù)名(參數(shù)列表){函數(shù)體}。調(diào)用方式：函數(shù)名(參數(shù)值)。例如：functionadd(a,b){returna+b;}varresult=add(2,3);-HTML5新增語(yǔ)義化標(biāo)簽：<header>用于定義頁(yè)面或區(qū)域的頁(yè)眉；<nav>用于定義導(dǎo)航鏈接；<article>用于定義獨(dú)立的文章內(nèi)容；<section>用于定義文檔中的節(jié)；<aside>用于定義側(cè)邊欄內(nèi)容；<footer>用于定義頁(yè)面或區(qū)域的頁(yè)腳。作用是使代碼結(jié)構(gòu)更清晰，利于搜索引擎優(yōu)化和屏幕閱讀器理解頁(yè)面內(nèi)容。5.編程題：```html<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>表單提交示例</title></head><body><form><inputtype="text"id="inputText"><inputtype="submit"