绪论单元测试
1. 网页分为静态网页和动态网页。（ ）。
A:对 B:错 答案:A
2. 会动的网页就是动态网页。（ ）。
A:错 B:对 答案:A
3. 1+X证书Web前端开发职业技能等级证书（初级）实训考试使用HBuilder。
（ ）。 A:错 B:对 答案:B
4. 在网站设计中，纯粹HTML（标准通用标记语言下的一个应用）格式的网页
通常被称为“静态网页”，静态网页是标准的HTML文件，它的文件扩展名是.htm、.html，可以包含文本、图像、声音、视频、动画、客户端脚本和ActiveX控件及JAVA小程序等。（ ）。 A:错 B:对 答案:B
5. 动态网页以数据库技术为基础，可以大大降低网站维护的工作量，采用动态
网页技术的网站，可以实现更多的功能，如用户注册，用户登录，在线调查等。（ ）。 A:对 B:错 答案:A
模块一测试
1. ＜table align=”center”＞…这里align=”center”的含义是（ ）
A:无意义
B:表格内容居中 C:表格居中 D:单元格居中 答案:C
2. 在HTML中，下面哪项不属于HTML文档的基本组成部分。（ ）
A:＜HTML＞＜/HTML＞ B:＜BODY＞＜/BODY＞ C:＜STYLE＞＜/STYTLE＞
3.
4.
5.
6.
7.
8.
9.
D:＜HEAD＞＜/HEAD＞ 答案:C
在HTML中，( )用来表示特殊字符空格. （ ） A: B: C: D:
答案:A
下面关于文件路径的说法错误的是。（ ) A:文件路径指文件存储的位置
B:“../”是返回当前目录的下一级目录 C:文件路径分为绝对路径和相对路径
D:访问下一级目录直接输入相应的目录名即可 答案:B
下列选项中哪个是标题标签。( ) A: B:
C:＜div＞＜/div＞
D:＜h2＞＜/h2＞ 答案:D
以下标签书写正确的是。( ) A: B: C: D:
答案:ABD
请选出正确的选项。( )
A:属性要在开始标签中指定，用来表示该标签的性质和特性 B:一个标签可以指定多个属性 C:指定多个属性时不用区分顺序。
D:通常都是以“属性名=“值”的形式来表示 答案:ABCD
列表可以分为。（ ）。 A:自定义列表 B:有序列表 C:无序列表 D:默认列表 答案:ABC
下面哪些属性是表单元素的属性？ A:id属性
B:preholder属性 C:name属性 D:value属性 答案:CD
10. 合并单元格的步骤包含以下哪几项。（ ）
A:重新设置表格行列
B:先确定是跨行还是跨列合并 C:删除多余的单元格
D:找到目标单元格, 设置合并方式 =“合并的单元格数量” 答案:BCD
模块二测试
1. 下面哪一项不是CSS的引入方式？（ ）
A:外部样式表 B:行内样式表 C:级联样式表 D:内部样式表 答案:C
2. 下面哪个选择器可以选取页面中所有的元素？（ ）。
A:通配符（*）选择器 B:类选择器 C:id选择器 D:标签选择器 答案:A
3. 以下哪个伪类可以设置鼠标悬停（鼠标划过）的效果？（ ）。
A: :link B: :active C::hover D::active 答案:C
4. 关于CSS样式的优先级说法正确的是（ ）。
A:id选择器＞标签选择器＞类选择器
B:!important＞内联样式＞内部样式＞外部样式 C:标签选择器＞类选择器＞id选择器
D:内联样式＞!important＞内部样式＞外部样式 答案:B
5. text-align、text-indent、text-decoration、line-height依次设置？（A:文本对齐方式、文本缩进、文本修饰、行高 B:文本缩进、文本对齐方式、文本修饰、行高 C:文本缩进、文本修饰、行高、文本对齐方式
）。
6.
7.
8.
9.
10.
D:行高、文本缩进、文本修饰、文本对齐方式 答案:A
HTML 元素一般分为块元素和行内元素两种类型，哪些项是块元素？（ ） 。 A: B: C: D:
答案:ABC
下面哪些是块级元素的特点？（ ）。
A:块级元素是一个容器或盒子，里面可以放行内元素或者块级元素 B:高度，宽度、外边距以及内边距都可以控制 C:默认宽度是父级块（父盒子）宽度的100% D:独占一行 答案:ABCD
设置好盒子宽度后，要使盒子水平居中的设置方式有：（ ）。 A:margin-left: auto; margin-right: auto; B:margin: 0px;
C:margin: 0px auto; D:margin: auto; 答案:ACD
解决垂直外边距的塌陷的方法有：（ ）。 A:为父元素设置上内边距padding-top B:为父元素设置上边框
C:为父元素添加 overflow:hidden D:为父元素设置margin。 答案:ABC
清除浮动的方法：（ ）。 A:双伪元素法 B:伪元素法
C:给父级添加 overflow 属性 D:额外标签法/隔墙法 答案:ABCD
模块三测试
1. 下列哪个不是HTML5新增的文档结构化元素？（ ）。
A:footer B:div C:article D:section 答案:B
2. background-size属性是用于：（ ）。
A:用于设置背景的位置
3.
4.
5.
6.
7.
8.
B:用于设置背景的大小 C:用于设置背景的模式 D:用于设置背景的图片 答案:B
以下哪条代码可以将一个长宽均为100像素的div设置成一个圆？（ ）。 A:border-radius:50px 50px 75px 75px; B:border-radius:50px; C:border-radius:25px;
D:border-radius:50px 75px; 答案:B
CSS3新增多列属性中，哪个属性用于设置元素被划分的列数？（ ）。 A:column-count B:column-width C:column-span D:column-gap 答案:A
为文本域设置输入提示，使用哪个属性？（ ）。 A:placeholder B:required C:text D:email 答案:A
以下选项中哪些是background-clip属性的属性值？（ ）。 A:padding-box B:content-box C:box-sizing D:border-box 答案:ABD
下列有关aside元素的用法正确的是？（ ）。
A:用于定义与当前页面或文档内容几乎无关的附属信息，被认为是于该内容的一部分
B:一般用于定义文档中的一个区域 C:常用于做侧边栏或者嵌入内容 D:可以用于页面任何位置 答案:AC
关于video元素，下列说法正确的是：（ ）。
A:其controls属性用于设置是否显示播放控件，取值只有一个：controls B:video元素用于播放音频 C:video元素用于播放视频
D:loop属性用于设置循环播放的效果，取值只有一个：loop 答案:ACD
9. HTML5播放音频及视频，还需要安装相关插件。（ ）。
A:对 B:错 答案:B
10. .item:only-child可以获取到所有class为item、且为其父元素唯一子元素的
元素。（ ）。 A:错 B:对 答案:B
模块四测试
1. 下列选项中，不可用于表单元素访问的是（ ）。
A:document.writeln()
B:document. getElementsByName() C:document.getElementById() D:formName.elements[i].value 答案:A
2. 查询Google浏览器控制台输出信息，应在浏览器调试程序选择哪个选项？
（ ）。 A:Elements B:Network C:Console D:Sources 答案:C
3. 下列选项中，不属于JavaScript基本数据类型的是（ ）。
A:Object B:Undefined C:String D:Null 答案:A
4. 以下哪条语句会产生运行错误（ ）。
A:var obj =[ ]; B:var obj =/ /; C:var obj =( ); D:var obj ={ }; 答案:C
5. 一个完整的JavaScript实现应由以下哪些部分组成（ ）。
A:浏览器对象模型（BOM） B:盒模型
C:文档对象模型（DOM） D:核心（ECMAScript） 答案:ACD
6. 下列JavaScript内置对象中，使用前不需要使用new创建实例的是（ ）。
A:String B:Math C:Date D:Array 答案:B
7. 以下代码的输出结果是：（ ）
A:0 B:2 C:4 D:3 答案:C
8. 网页编程中，运行下面的javascript代码，则提示框中显示（ ）。
A:3.5 B:0 C:4 D:3 答案:A
9. 方法substring()和substr()，都能实现字符串的截取功能。（ ）。
A:对 B:错 答案:A
10. JS里的脚本函数不会自动执行，只能通过事件或脚本调用时才会执行。
（ ）。 A:错 B:对 答案:B
模块五测试
1. document的哪个属性可以设置前景（文本颜色）？（ ）。
A:bgcolor B:alinkcolor C:linkcolor D:fgcolor 答案:D
2. 下列不属于DOM鼠标事件的是（ ）。
A:OnMouseOver B:OnClick C:OnLoad
D:OnMouseOut 答案:C
3. 下列不是浏览器对象模型中的二级对象的是 （ ）。
A:form
4.
5.
6.
7.
8.
9.
B:navigator C:location D:document 答案:A
以下哪一个对象可以获取浏览器显示屏幕的宽和高（ ）。 A:navigator B:screen C:screenX D:window 答案:B
在HTML页面中，下面关于Window对象的说法不正确的是（ ）。 A:浏览器打开HTML文档时，通常会创建一个Window对象
B:Window对象表示浏览器的窗口，可用于检索有关窗口状态的信息 C:Window对象是浏览器所有内容的主容器
D:如果文档定义了多个框架(如frame或iframe)，浏览器只为原始文档创建一个Window对象，无须为每个框架创建Window对象 答案:D
在Javascript语言中，当元素失去了焦点时触发的事件是（ ）。 A:Focus B:MouseOut C:UnLoad D:Blur 答案:D
下列哪些属于窗口事件（ ）。 A:load B:unload C:MouseOut D:error E:resize 答案:ABDE
事件绑定指的是为某个元素对象的事件绑定事件处理程序。一般有以下几种绑定方式：（ ）。 A:动态绑定式 B:行内绑定式 C:事件绑定式 D:事件侦听式 答案:ABD
事件捕获方式下，事件流传播的顺序是从DOM树的根节点到发生事件的元素节点。父级元素先触发，子级元素后触发。（ ） A:对 B:错 答案:A
10. 可以使用window.innerHeight和window.innerWidth获取浏览器窗口的内
部高度和宽度。（ ） A:错 B:对 答案:B
模块六测试
1. 使用CSS设置鼠标放置在链接上时的样式应使用以下哪个选择器（ ）。
A::link B::visited C::active D::hover 答案:D
2. 使用CSS设置背景图像横向平铺，应该设置其background-repeat的属性值
为（ ）。 A:repeat B:no-repeat C:repeat-x D:repeat-y 答案:C
3. 下列选项中用于关闭打开的窗口 （ ）。
A:close() B:closed C:open() D:focus() 答案:A
4. 跨行合并表格的HTML代码为（ ）。
A: B: C: D:
答案:B
5. 下列关于有序列表和无序列表的说法正确的是（ ）。
A:无序列表标签是＜ol＞
B:无序列表和有序列表中添加列表项都需要使用＜li＞标签 C:有序列表标签是＜ul＞
D:有序列表的每一项前面有列表项符号，而无序列表的每一项前面是排序的序号 答案:B
模块七测试
1. 以下关于CSS样式中文本属性的说法，错误的是（ ）。
A:font-family用于设置文本的字体类型 B:text-align用于设置文本的字体形状 C:color用于设置文本的颜色
D:font-size用于设置文本字体的大小 答案:B
2. 下面不是CSS中display的属性值的是（ ）。
A:block B:hidden C:inline
D:Inline-block 答案:B
3. 在Chrome浏览器中，可获取文档的高度和宽度 （ ）。
A:outerHeight和outerWidth B:screenX和screenY
C:innerHeight和innerWidth D:screenLeft和screenTop 答案:C
4. setInterval()函数的第2个参数设置（）表示间隔1秒重复执行某段代码。
（ ）。 A:100 B:1 C:1000 D:10 答案:C
5. 获取当前的星期值，使用Date对象的（）方法（ ）。
A:getDay() B:getTime() C:getWeek() D:getDate() 答案:A
