2025年《网页制作》期中考试试卷附答案.docxVIP

2025年《网页制作》期中考试试卷附答案

一、单项选择题（本大题共20小题，每小题2分，共40分。在每小题列出的四个备选项中只有一个是最符合题目要求的，请将其代码填写在题后括号内）

1.以下HTML标签中，属于HTML5新增语义化标签的是（）

A.divB.spanC.articleD.p

2.若要设置元素的背景颜色为半透明的红色（透明度0.5），正确的CSS代码是（）

A.background-color:rgba(255,0,0,0.5);

B.background-color:ff000050;

C.background-color:hsla(0,100%,50%,0.5);

D.以上均可

3.关于JavaScript事件冒泡的描述，错误的是（）

A.事件会从最内层元素向外层元素传播

B.可以通过event.stopPropagation()阻止冒泡

C.所有事件都会触发冒泡机制

D.父元素绑定的事件可能因子元素事件冒泡而被触发

4.下列CSS选择器中，优先级最高的是（）

A..header-navB.divlogoC.[type=text]D.p:first-child

5.要实现当鼠标悬停在图片上时，图片顺时针旋转30度的效果，应使用的CSS属性是（）

A.transform:rotate(30deg);

B.transition:rotate0.3s;

C.animation:rotate0.3s;

D.transform:scale(1.1)rotate(30deg);

6.关于HTML表单验证，以下说法正确的是（）

A.required属性仅适用于input标签

B.pattern属性可以通过正则表达式自定义验证规则

C.浏览器默认的验证提示信息无法修改

D.type=email会验证输入内容是否包含@符号和.符号

7.若要让一个div元素在页面中水平垂直居中，且父元素高度不确定，最合理的CSS方案是（）

A.margin:0auto;top:50%;left:50%;

B.position:absolute;transform:translate(-50%,-50%);

C.display:flex;justify-content:center;align-items:center;

D.float:left;margin:50%0050%;

8.以下JavaScript代码执行后，控制台输出的结果是（）

```javascript

letarr=[1,2,3];

arr[10]=10;

console.log(arr.length);

```

A.3B.11C.10D.4

9.关于CSS盒模型的描述，错误的是（）

A.标准盒模型的width属性仅包含内容区域

B.border-box盒模型的width包含内容、内边距和边框

C.margin属性的百分比值相对于父元素的高度计算

D.padding属性不能设置负值

10.要为页面中所有class为card的div元素绑定点击事件，最简洁的JavaScript代码是（）

A.document.querySelector(.card).addEventListener(click,func);

B.document.getElementsByClassName(card).addEventListener(click,func);

C.document.querySelectorAll(.card).forEach(item=item.addEventListener(click,func));

D.document.getElementsByClassName(card)[0].addEventListener(click,func);

11.以下HTML结构中，能正确实现图片与文字同行显示且文字环绕图片的是（）

A.imgsrc=pic.jpgstyle=float:left;p文字内容/p

B.imgsrc=pic.jpgstyle=display:inline;p文字内容/p

C.divstyle=display:flex;imgsrc=pic.jpgp文字内容/p/div

D.以上均可

12.若要限制输入框