Web前端开发职业技能等级证书-初级 练习题

Web前端开发职业技能等级证书-初级 练习题

1 静态网站搭建与开发


知识点：静态网站搭建与开发
本材料采集于 新奥学堂 模拟题练习 exercise.eduiit.cn 公共共享资源.
 
一、单选题
1、下面哪个CSS属性是用来改变背景颜色的（ A ）。
A、background-color:
B、bgcolor:
C、text:
D、color:
 
2、下列（  D ）不属于CSS文本属性。
A、font-size
B、text-align
C、text-transform
D、line-height
 
3、下列语句不属于JavaScript循环语句的是（ B  ）。
A、for in
B、switch
C、for
D、do while
 
4、下面关于BOM对象，说法有误的是（ C A ）。
A、window对象表示显示器屏幕窗口
B、每个载入浏览器的HTML文档都会成为document对象
C、history对象包含用户在浏览器窗口中访问过的URL
D、location对象包含有关当前URL的信息 下一题
 
5、定义JavaScript数组的正确方法是？(   A   )
A、var txt = new Array(“tim”,”kim”,”jim”)
B、var txt = new Array=”tim”,”kim”,”jim”
C、var txt = new Array(1:”tim”,2:”kim”,3:”jim”)
D、var txt = new Array:1=(“tim”)2=(“kim”)3=(“jim”)
 
6、执行下面语句 
$(document).ready(function(){     
 $(“#click”).click(function(){         
 alert(“click one time”);      
 });      
 $(“#click”).click(function(){   
        alert(“click two time”);       
});
});
单击按钮，会有什么效果。（ B ）
A、js编译错误
B、弹出两次对话框，依次显示click one time，click two time
C、弹出一次对话框，显示click two time
D、弹出一次对话框，显示click one time
 
7、下列哪一 项不是表单元素? ( A )
A. <img>
B、<input>
C、 <textarea>
D、<select>
 
8、以下标记符中，用于设置页面标题的是( A )。
A、<HTML>
B、<head>
C、<title>
D、<caption>
 
9、下列哪段代码能够定义所有P标签内文字加粗（  D  ）。
A、<p style=” text-size:blod”>
B、p{ text-size:bold; }
C、< p style=”font-size:blod”>
D、p{ font-weight:bold; }
 
10、下面的代码会输出什么？(  D )
var student = new Array(“小明”);
student.push(“小红”);
student.push(“小芳”);
student.pop();
console.log(student[2]);
A、报错
B、小红
C、小芳
D、undefined
 
11、下面有关jquery事件，描述错误的是（ B  ）。
A、load 事件会在页面或图像加载完成后立即发生
B、focus 元素失去焦点
C、mousedown 某个鼠标按键被按下
D、click 鼠标点击某个对象
 
12、下面哪个不是JavaScript中document对象的方法？（  D ）
A、getElementById
B、getElementsByTagName
C、getElementsByClassName
D、getElementByName
 
13、以下关于video说法正确的是：（  D  ）
A、source元素可以添加多个,具体播放哪个有浏览器决定。
B、当前，video元素支持三种视频格式,其中WebM = 带有 Thedora 视频编码和 Vorbis 音频编码的 WebM 文件。
C、video内使用img展示有视频封面
D、loop属性可以使媒介文件循环播放。
 
14、下面哪个for循环是正确的？(   A  )
A、for (i = 0; i <= 5; i++)
B、for (i = 0; i <= 5)
C、for i = 1 to 5
D、for (i <= 5; i++)
 
15、下面哪种不是jQuery的选择器？(  A  )
A、进一步选择器
B、基本选择器
C、类选择器
D、后代选择器
 
16、当DOM加载完成后要执行的函数，下面哪个是正确的？(  B  )
A、jQuery(callback)
B、jQuery(elements)
C、jQuery(HTML, [ownerDocument])
D、jQuery(expression, [context])
 
17、使用jQuery检查元素在网页上是否存在，以下语句正确的是（ B）。
A、if($(“#id”).length > 0) { //do someing… }
B、if($(“#id”)) { //do someing… }
C、if($(“#id”).length() > 0) { //do someing… }
D、if($(“#id”).size > 0) { //do someing… }
 
18、设置字符间距为15px的语句为（   D   ）。
A、line-spacing:15px
B、line-height:15px
C、letter-height:15px
D、letter-spacing:15px
 
19、如何显示这样一个边框：顶边框10像素、底边框5像素、左边框20像素、右边框1像素(  A  )。
A、border-width:10px 1px 5px 20px
B、border-width:10px 20px 5px 1px
C、border-width:10px 5px 20px 1px
D、border-width:5px 20px 10px 1px
 
20、如何把7.25四舍五入为最接近的整数？(   A  )
A、Math.round(7.25)
B、rnd(7.25)
C、round(7.25)
D、Math.rnd(7.25)
 
21、预测以下代码片段的输出结果: ( D )
var str ; alert(typeof str);
A、. object;
B、. string;
C、. String;
D、. undefined;
 
22、在jQuery中，能够获取元素内容的HTML代码及其文本的方法是（  C ）。 A、attr()
B、text()
C、html()
D、val()
 
23、在JavaScript中，执行下面的代码后，str2的值是( A  )。
var str1 = “Hello JavaScript”;var str2 = str1.substring(6,10);
A、avaS
B、JavaS
C、JavaScript
D、Java
 
24. 面正sinet oeg+er d-mane me-namer,value=*”/>元素,动态设置该元素的值。正确的选项是。( B )
A、$(“#name”).value(“动态设值”);
B、$(“#name”).val(“动态设值”);
C、$(“#name”).html(“动态设值”);
D、$(“#name”).text(“动态设值”);
 
25、可插入多行注释的JavaScript语法是？(   A  )
A、/*This comment has more than one line*/
B、//This comment has more than one line//
C、<–This comment has more than one line–>
 
26、关于float描述错误的是（ B  ）
A、float:left
B、float:center
C、float:right
D、float:none
 
27、下面哪个语句是把段落的字体设置为黑体、18像素、红色字体显示（   B ）。
A、p{font-family:黑体；font-size:18pc; font-color:red}
B、p{font-family:黑体；font-size:18px; font-color:#ff0000}
C、p{font:黑体 18px #00ff00}
 
28、在JavaScript中console.log( “15”>”7″ )的运行结果正确的是（ A ）。 A、FALSE
B、7
C、TRUE
D、15
 
二、多选题
1、案例代码如下:
<body>
< form>
<div>大字体</div>
<div>小字体</div>
</form>
</body>
选取文本是”大字体”的div对象的方法正确的是(A C D)
A、$(“div:contains(‘大字体’)”);
B、$(“div .big”);
C、$(“div.big”);
D、$(“form > div.big”);
 
2、下面关于JavaScript理解不正确的：（ABCD  ）
A、document.write()向文档中写入内容,可以写在函数体内
B、JavaScript中输出在控制台是out.print
C、JavaScript是由核心语法,五大核心对象,DOM,BOM组成
D、alert(),confirm(),info(),item()都为系统函数
 
3、关于CSS基本语法说法正确的是（  ABD  ）
A、属性和属性值之间用等号链接
B、在有多个属性时，用“；”进行区分
C、如果一个属性有几个值，则每个属性值之间用分号分隔开
D、属性必须要包含在{ }号之中
 
4、在JavaScript中，下面代码输出的结果是（  DA ）。
var arr = [1,2,3,4];
for(var i in arr){ 
if(i % 2 == 0)
{    console.log(arr[i]);  }
}
A、4
B、1
C、3
D、2
 
5、案例代码如下:
<body>
< form>
用户名: <input type=”text” id= “username” name= “username” />
密码: <input type=”password” id= “pwd” name=” pwd “/>
</form>
</body>
请用jQuery选择器选取username文本框输入值的内容: ( ACD)
A、$(“input[name=username]”).val();
B、$(“:input[name=username]”).val();
C、$(“input”)[0].value;
D、$(“#username”).val();
 
6、所有的HTML元素都可以看作盒子，它包括（   ）。
A、元素的外边距
B、元素的内边距
C、元素的内容区域
D、元素的边框
 
7、下面关于CSS的说法正确的有（  ACD ）
A、CSS可以控制网页背景图片
B、对于中文可以使用word-spacing属性对字间距进行调整
C、整个BODY可以作为一个BOX
D、margin属性的属性值可以是百分比
 
8、以下属于JavaScript原始类型的是：（   ）
A、function
B、number
C、string
D、boolean
 
9、以下（  ABD ）是JavaScript中Math对象的方法？
A、ceil()
B、floor()
C、random()
D、join()
 
10、在CSS语言下列哪些选项是背景图像的属性（  ACD ）
A、背景位置
B、背景附件
C、背景重复
D、纵向排列
 
11、下列关于获取页面元素说法不正确的是(  AD  )
A、document.getElementsByName(“na”)是通过name属性值为na获取页面中的一个元素
B、document.getElementsByTagName(“div”)是通过标签名获取所有div;
C、document.getElementById(‘a’)是通过id值为a获取页面中的一个元素
D、document.getElementsById(“#na”)是通过id属性值为na获取页面中的一个元素
 
12、在HTML文件中应用abc.css文件中的样式的方法有( DB )
A、<style type= “text/css” > @import ur(bc.cs);</style>
B、<style type=”text/css” > import url (abc.css); </style>
C、<style type=”text/css” > @import (abc.css);</style>
D、<link href=” abc.css” type= “text/css” rel= “stylesheet” >
 
13、以下哪个属性值属于Float这个属性（  BCD  ）
A、center
B、right
C、none
D、left
 
14、CSS文本属性中，文本对齐属性的取值有（ BCD ）
A、justify
B、right
C、center
D、auto
 
15、下列哪个样式定义后，元素可以设置宽度和高度（   BC）。
A、display:inline
B、display:block
C、display:inline-block
D、display:none
 
 
三、判断题
1、在HTML表格中，rowspan属性能够实现单元格跨列。（ B  ）
A、正确    B、错误
 
2、margin不可以单独定义某一个方向的值。（ B  ）
A、正确    B、错误
 
3、在JavaScript中，Date对象的 getYear() 方法总是返回四位的年份。（  B ）
A、正确    B、错误
 
4、任何标签都可以通过加style属性来直接定义它的样式。（ A  ）
A、正确    B、错误
 
5、定义了一个变量，但没有为该变量赋值，如果alert该变量，JavaScript弹出的对话框中显示undefined。（  A ）
A、正确    B、错误
 
6、在CSS中，px是绝对长度单位，%是相对长度单位。（  A ）
A、正确    B、错误
 
7、position允许用户精确定义元素框出现的相对位置。（ A  ）
A、正确    B、错误

2 静态网站开发


知识点：静态网站开发
本材料采集于 新奥学堂 模拟题练习 exercise.eduiit.cn 公共共享资源.
 
一、单选题(共30题）
1、执行下面语句  $(document).ready(function(){
$(“#click”).click(function(){
           alert(“click one time”);        });        $(“#click”).click(function(){
            alert(“click two time”);        });});单击按钮<input type=”button” id=”click” value=”点击我”/>，会有什么效果。（  ）
A、弹出两次对话框，依次显示click one time，click two time
B、弹出一次对话框，显示click one time
C、弹出一次对话框，显示click two time
D、js编译错误
 
2、下列哪一项不是表单元素？（ D  ）
A、<input>
B、<textarea>
C、
<select>
D、<img>
 
3、在jQuery中想要实现通过远程http get请求载入信息功能的是下面的哪一下事件？ (  C  )
A、$. getScript(url)
B、load(url)
C、$.get(url)
D、$.ajax()
 
4、如何把7.25四舍五入为最接近的整数？(  A   )
A、Math.round(7.25)
B、rnd(7.25)
C、Math.rnd(7.25)
D、round(7.25)
 
5、页面有一个<input type=”text” id=”name”  name=”name” value=””/>元素，动态设置该元素的值。正确的选项是。 （   ）
A、$(“#name”).val(“动态设值”);
B、$(“#name”).html(“动态设值”);
C、$(“#name”).value(“动态设值”);
D、$(“#name”).text(“动态设值”);
 
6、以下标记符中，用于设置页面标题的是（   D   ）。
A、<head>
B、<HTML>
C、<caption>
D、<title>
 
7、下面哪一个不是jQuery对象访问的方法？(  )
A、each(callback)
B、index(subject)
C、index()
D、size()
 
8、以下标记符中，没有对应的结束标记的是（  B  ）。
A、<HTML>
B、<br>
C、<body>
D、<title>
 
9、以下关于JavaScript中事件的描述中，不正确的是：（ ）
A、change——选择字段时触发的事件
B、click——鼠标单击事件
C、mouseOver——鼠标指针移动到事件源对象上时触发的事件
D、focus——获取焦点事件
 
10、以下jQuery选择器语法错误的是（ B  ）。
A、$(“ul li”)
B、$(“ul-li”)
C、$(“ul li:eq(0)”)
D、$(“ul>li”)
 
11、下面的代码会输出什么？(  B  )var student = new Array(“小明”);student.push(“小红”);student.push(“小芳”);student.pop();console.log(student[2]);
A、小红
B、undefined
C、报错
D、小芳
 
12、引用名为“abc.js”的外部脚本的正确语法是(  B  )。
A、<script name=”abc.js”>
B、<script src=”abc.js”>
C、<script href=”abc.js”>
 
13、下列语句不属于JavaScript循环语句的是（   ）。
A、switch
B、for
C、do while
D、for in
 
14、设置text-decoration属性的删除线的值为（     ）。
A、overline
B、underline
C、line-through
D、blink
 
15、如何显示这样一个边框：顶边框10像素、底边框5像素、左边框20像素、右边框1像素(    )。
A、border-width:10px 20px 5px 1px
B、border-width:10px 1px 5px 20px
C、border-width:10px 5px 20px 1px
D、border-width:5px 20px 10px 1px
 
16、下列哪个选项的CSS语法是正确的？(  C  )
A、body:color=black
B、{body:color=black(body}
C、body {color: black}
D、{body;color:black}
 
17、下面哪个不是JavaScript中document对象的方法？（   ）
A、getElementsByTagName
B、getElementByName
C、getElementsByClassName
D、getElementById
 
18、在JavaScript中，需要声明一个整数类型的变量num，以下哪个语句能实现上述要求？(  )
A、var num;
B、Integer num;
C、number num;
D、int num;
 
19、当超链接的target属性值与iframe的什么属性值相同时，可以实现点击超链接，在iframe中打开超链接链接的页面？（   ）
A、name
B、src
C、target
D、id
 
20、以下的HTML中，哪个是正确引用外部样式表的方法？（ A ）
A、<link rel=”stylesheet” type=”text/css” href=”mystyle.css”>
B、<style src=”mystyle.css”>
C、以上都不是
D、<stylesheet>mystyle.css</stylesheet>
 
21、在JavaScript中console.log( “15”>”7″ )的运行结果正确的是（  ）。
A、TRUE
B、15
C、7
D、FALSE
 
22、下面哪项不属于HTML文档的基本组成部分？（ A ）
A、<p></p>
B、<head></head>
C、<body></body>
D、<html></html>
 
23、怎样给所有的<h1>标签添加背景颜色（  ）。
A、h1 { background-color:#ffffff; }
B、.h1 { background-color:#ffffff }
C、#h1 { background-color:#ffffff }
D、h1.all { background-color:#ffffff }
 
24、CSS中如何产生带有正方形的项目的列表？( B  )
A、list-type: square
B、list-style-type: square
C、type: square
D、type: 2
 
25、以下哪一项是CSS中的类选择器（  A ）。
A、.div2
B、*
C、#div1
D、h2
 
26、在CSS中，下列设置背景颜色为黑色的代码错误的是（ D ）。
A、background-color: #000
B、background: RGB(0,0,0)
C、background-color: black
D、background: #FFFFFF
 
27、向页面输出“Hello World”的正确JavaScript语法是 (  A  )。
A、”Hello World”
B、document.write(“Hello World”)
C、(“Hello World”)
D、response.write(“Hello World”)
 
28、如何编写当i等于5时执行某些语句的条件语句？(  A )
A、if (i==5)
B、if i=5 then
C、if i=5
D、if i==5 then
 
29、可以在下列哪个HTML元素中放置JavaScript代码？(      )
A、<script>
B、<scripting>
C、<JavaScript>
D、<js>
 
30、设置字符间距为15px的语句为（      ）。
A、letter-height:15px
B、letter-spacing:15px
C、line-spacing:15px
D、line-height:15px
 
二、多选题(共11题）
1、以下哪个属性值属于Float这个属性（    ）
A、center
B、right
C、none
D、left
 
2、CSS中，盒模型的属性包括（    ）
A、padding
B、visible
C、margin
D、font
 
3、CSS文本属性中，文本对齐属性的取值有（  ）
A、justify
B、center
C、right
D、auto
 
4、以下属于JavaScript原始类型的是：（   ）
A、number
B、boolean
C、function
D、string
 
5、下列哪个样式定义后，元素可以设置宽度和高度（   ）。
A、display:inline
B、display:none
C、display:inline-block
D、display:block
 
6、以下（  ACD  ）是JavaScript中Math对象的方法？
A、floor()
B、join()
C、random()
D、ceil()
 
7、下面关于input元素的属性说法中，错误的是（   ）。
A、input元素的type属性可以设置它的类型
B、用户可以修改包含disabled属性的input元素的内容
C、input元素的value属性可以为元素设定值
D、input元素的name属性规定元素的名称
 
8、下列关于块级元素描述正确的是（   ）。
A、通常浏览器会在块级元素前后另起一个新行
B、与其他块级元素并排在一行显示
C、可以设置宽高，如果不设置宽度，宽度将默认为父级的100%
D、行高，内边距和外边距都可以设置
 
9、以下哪些是JavaScript的数据类型？（   ）
A、Varchar
B、String
C、Undefined
D、Number
 
10、关于相对路径，以下说法正确的有（    ）。
A、如果在链接中源端点和目标端点不在同一个目录下，就无法使用相对路径
B、如果在链接中源端点和目标端点位于一个目录下，则链接路径中只需要指明目标端点的文档名称即可
C、相对路径表述的是源端点同目标端点之间的相互位置
D、如果在链接中源端点和目标端点不在同一个目录下，就需要将目录的相对关系也表示出来
 
11、以下关于CLASS和ID的说法正确的是（  ）
A、id的应用方法：<指定标签 id=”id名”>
B、class的应用方法：<指定标签 class=“类名”>
C、id和class只是在写法上有区别，在应用和意义上没有区别
D、class的定义方法是：.类名{样式}；
 
三、判断题(共9题）
1、在CSS中，使用//或<!—->用来书写一行注释。( X )
 
2、position允许用户精确定义元素框出现的相对位置。( V )
 
3、<span>标签简单而言是一个没有默认样式的区块容器标签。( V )
 
4、定义了一个变量，但没有为该变量赋值，如果alert该变量，JavaScript弹出的对话框中显示undefined。（  V ）
 
5、padding:10px;只设置上边填充为10像素，其它三边为零像素。（  X   ） 
 
6、在JavaScript中，Date对象的 getYear()方法总是返回四位的年份。（X）
 
7、JavaScript中输出在控制台是out.print。( X )
 
8、在HTML表格中，rowspan属性能够实现单元格跨列。（ X ）
 
9、在CSS中，padding:1px 2px 3px 4px表示设置某个HTML元素的内边距上为1px、右为2px、下为3px、左为4px。( V )
 

3. HTML


知识点：HTML
本材料采集于 新奥学堂 模拟题练习 exercise.eduiit.cn 公共共享资源.
 
一、单选题
1、 在HTML语言中，设置表格中文字与边框距离的标签是( A )。
A、<TABLE cellpadding=#>
B、<TABLE width=#>
C、<TABLE border=#>
D、<TABLE cellspacing=#>
 
2、在HTML中，( A )标签用于在网页中创建表单。
A、<FORM>
B、<INPUT>
C、<TABLE>
D、<SELECT>
 
3、HTML标记语言编写一个简单的网页, 网页最基本的结构是(      )。
A、<HTML> <head> .. </head> <frame> .. </frame> </HTML>
B、<HTML> <head> .. </head> <body>… </body> </HTML>
C、<HTML> <title> .. </title> <body>… </body> </HTML>
D、<HTML> <title> .. </title> <frame… </frame> </HTML>
 
4、想要使用户在单击超链接时，弹出一个新的网页窗口，代码是(  D  )。
A. <A href-=”right.HTML” target=”_ top” >新闻</A>
B、<A href= *right.HTML” target=” blank” >新闻</A>
C、<A href= “right.HTML” target=” parent” >新闻</A>
D、<A href-=”right.HTML” target=”_ self” >新闻</A>
 
5、以下标记符中，没有对应的结束标记的是( C   )。
A、<br>
B、<body>
C、<HTML>
D、<title>
 
6、以下的HTML中， 哪个是正确弓|用外部样式表的方法? ( A )。
A、 <link rel=”stylesheet” type=” text/css” href= “mystyle.css” >
B、 <style src= *mystyle.cs” >
C、以上都不是
D、 <stylesheet> mystyle.css </stylesheet>
 
7、下面哪项不属 于HTML文档的基本组成部分? (     )。
A. <head> </head>
B、<p></p>
C、 <body> </body>
D、 <html> </html>
 
8、以下标记符中,于设置页面标题的是( C )。
A、<head>
B、<caption>
C、<HTML>
D、<title>
 
9、 下列哪- -项不是表单元素? (  C )。
A. <textarea>
B、<img>
C、<select>
D、<input>
 
10、当超链接的target属性值 与iframe的什么属性值相同时，可以实现点击超链接，在iframe中打开超链接链接的页面? (  )。
A. src
B、id
C、target
D、name
 
11、在HTML中，可以使用( C )标记向网页中插入GIF动画文件。
A、<TABLE>
B、<BODY>
C、<FORM>
D、<|MG>
 
12、以下关于video说法正确的是: (      )。
A、 loop属性可以使媒介文件循环播放。
B、 source元素 可以添加多个,具体播放哪个有浏览器决定。
C、 当前， video元素支持三种视频格式，其中WebM =带有Thedora视频编码和Vorbis音频编码的WebM文件。
D、 video内使用img展示有视频封面
 
13、下面哪一-项是换行符标记? ( D )
A、<ρ>
B、<br>.
C、 <font>
D. <body>
 
14、HTML指的是(      ) 。
A. 超链接和文本标记语言(Hyperlinks and Text Markup Language)
B、 超文本标记语言(Hyper Text Markup Language)
C、以上说法都不对
D、 家庭工具标记语言(Home Tool Markup Language)
 
15、下面关于HTM描述不正确的是? (   )。
A. HYML代码由各种标签组成
B. HTML称为超文本标记语言
C. HTML文档的扩展名以htm结尾
D. HTML是一种编译型的编程语言
 
16、A文件夹与b.html文件是同级，其中A下有a.html, 现在我们希望在a.htmI文件中创建超链接,链接到b.html,应该在a.html页面代码中如何描述超链接href属性? ( )。
A、../../b.html .
B、./.html
C、b.html
D、./b.html
 
二、多选题
1、下列关于块级元素描述正确的是（   ）。
A、通常浏览器会在块级元素前后另起一个新行
B、与其他块级元素并排在一行显示
C、行高，内边距和外边距都可以设置
D、可以设置宽高，如果不设置宽度，宽度将默认为父级的100%
 
2、以下（     ）内容是HTML文件的头部内容所包括的。
A、注释、表单域
B、作者信息、网页描述、基础地址
C、自动刷新、CSS样式
D、网页标题、关键字
 
3、 在HTML文件中应用abc.css文件中的样式的方法有 (  )。
A、<style type= “text/css” > @import url(abc.css);</style>
B、<link href=” abc.css” type= “text/css” rel= “stylesheet” >
C、<style type= “text/css” >import url (abc.css); </style>
D、<style type= “text/css” > @import (abc.css);</style>
 
4、以下哪些列表元素的列表项是使用<li>标签定义的? ( ACD )。
A、<ol></01>
B、<dl></dl>
C、<list> </list>
D、<ul></ul>
 
5、以下是canvas的方法是：（    ）。
A、stroke()
B、fill()
C、controller()
D、getContext()
 
6、关于相对路径，以下说法正确的有（    ）。
A、如果在链接中源端点和目标端点不在同一个目录下，就需要将目录的相对关系也表示出来
B、如果在链接中源端点和目标端点不在同一个目录下，就无法使用相对路径
C、相对路径表述的是源端点同目标端点之间的相互位置
D、如果在链接中源端点和目标端点位于一个目录下，则链接路径中只需要指明目标端点的文档名称即可
 
7、在HTML中，属于表格标记属性的有 (     )。
A、cellpadding
B、bgcolor
C、cellspacing
D、height
E、width
 
8、下面关于input元素的属性说法中，错误的是（   ）。
A、input元素的value属性可以为元素设定值
B、用户可以修改包含disabled属性的input元素的内容
C、input元素的type属性可以设置它的类型
D、input元素的name属性规定元素的名称
 
三、判断题
1、 在W3C规范中，每-个标签都应当闭合，使用<br> </br>可以实现和段落标签<p> </p>同样的效果。（  X  ）
A、正确       B、错误
 
2、<span> 标签简单而言是-个没有默认样式的区块容器标签。（  X ）
A、正确       B、错误
 
3、在HTML表格中，rowspan属性能够实现单元格跨列。（  X  ）
A、正确       B、错误
 
4、任何标签都可以通过加style属性来直接定义它的样式。（ V ）
A、正确       B、错误
 

4 CSS


知识点：CSS
本材料采集于 新奥学堂 模拟题练习 exercise.eduiit.cn 公共共享资源.
 
一、单选题(共20题）
1、下列哪个选项的CSS语法是正确的？(  B  )
A、body:color=black
B、body {color: black}
C、{body:color=black(body}
D、{body;color:black}
 
2、怎样给所有的<h1>标签添加背景颜色（  ）。
A、h1 { background-color:#ffffff; }
B、h1.all { background-color:#ffffff }
C、.h1 { background-color:#ffffff }
D、#h1 { background-color:#ffffff }
 
3、以下哪一项是CSS中的类选择器（ D  ）。
A、*
B、#div1
C、h2
D、.div2
 
4、下列（  A ）不属于CSS文本属性。
A、line-height
B、text-transform
C、text-align
D、font-size
 
5、下列哪段代码能够定义所有P标签内文字加粗（   ）。
A、p{ text-size:bold; }
B、<p style=”text-size:blod”>
C、< p style=”font-size:blod”>
D、p{ font-weight:bold; }
 
6、下面哪个CSS属性是用来改变背景颜色的（ B ）。
A、color:
B、background-color:
C、text:
D、bgcolor:
 
7、设置text-decoration属性的删除线的值为（ B ）。
A、overline
B、line-through
C、underline
D、blink
 
8、关于float描述错误的是（ B ）
A、float:right
B、float:center
C、float:none
D、float:left
 
9、如何显示这样一个边框：顶边框10像素、底边框5像素、左边框20像素、右边框1像素(    )。
A、border-width:10px 1px 5px 20px
B、border-width:5px 20px 10px 1px
C、border-width:10px 5px 20px 1px
D、border-width:10px 20px 5px 1px
 
10、CSS文件的扩展名为( B )。
A、.txt
B、.css
C、.HTML
D、.htm
 
11、下列哪一项是CSS正确的语法构成（ D ）。
A、{body;color:black}
B、body:color=black
C、{body:color=black}
D、body{color:black}
 
12、设置字符间距为15px的语句为（  D ）。
A、line-height:15px
B、letter-height:15px
C、line-spacing:15px
D、letter-spacing:15px
 
13、在CSS中，下列设置背景颜色为黑色的代码错误的是（   ）。
A、background-color: #000
B、background: #FFFFFF
C、background: RGB(0,0,0)
D、background-color: black
 
14、下列哪个CSS属性可以更改样式表的字体颜色（   ）。
A、fgcolor:
B、text-color:
C、text-color=
D、color:
 
15、关于引入CSS样式的优先级，说法正确的是（   ）。
A、以上都不正确
B、内联样式>外部样式>内部样式
C、内部样式>内联样式>外部样式
D、内联样式>内部样式>外部样式
 
16、CSS中如何产生带有正方形的项目的列表？(   )
A、type: 2
B、list-style-type: square
C、list-type: square
D、type: square
 
17、下面选项中，哪个可以设置网页中某个元素的右外边距为10像素?（ B ）
A、margin: 10px 0 0;
B、margin: 0 10px 0 0;
C、margin-right:100px;
D、margin: 0 0 0 10px;
 
18、以下关于CSS样式中字体属性的说法，错误的是（   ）。
A、font-family用来设置文本字体系列
B、font-size用来设置文本字体的大小
C、font-weight用来设置文本字体的粗细
D、font-color用来设置文本字体的颜色
 
19、下面哪个语句是把段落的字体设置为黑体、18像素、红色字体显示（    ）。
A、p{font-family:黑体；font-size:18px; font-color:#ff0000}
B、p{font-family:黑体；font-size:18pc; font-color:red}
C、p{font:黑体 18px #00ff00}
 
20、下面哪个方法可以去掉文本超链接的下划线（   ）。
A、a{ decoration:no underline; }
B、a{ underline:none; }
C、a{ text-decoration:no underline; }
D、a{ text-decoration:none; }
 
二、多选题(共14题）
1、下列关于文本样式属性，描述正确的是（   ）。
A、可以使用text-decoration:none，为超链接去除下划线
B、text-transform属性用于设置文本的装饰
C、一段文字需要首行缩进两个字的距离，应设置text-indent属性
D、text-align属性用于设置文本的水平对齐方式
 
2、下列哪个样式定义后，元素可以设置宽度和高度（ AD ）。
A、display:inline-block
B、display:none
C、display:inline
D、display:block
 
3、想让元素脱离文档普通流，需要把position属性值设置成（   ）。
A、static
B、fixed
C、relative
D、absolute
 
4、关于样式表的优先级说法正确的是（     ）
A、外部样式表级别最低
B、当样式中属性值重复时，先设的属性起作用
C、内部样式表次之
D、直接定义在标记上的CSS样式级别最高
 
5、CSS中的选择器包括（ ABC ）
A、ID选择器
B、标签选择器
C、类选择器
D、超文本标记选择器
 
6、下面关于CSS的说法正确的有（   ）
A、对于中文可以使用word-spacing属性对字间距进行调整
B、CSS可以控制网页背景图片
C、margin属性的属性值可以是百分比
D、整个BODY可以作为一个BOX
 
7、在CSS语言下列哪些选项是背景图像的属性（   ）
A、纵向排列
B、背景重复
C、背景位置
D、背景附件
 
8、CSS中，盒模型的属性包括（    ）
A、padding
B、font
C、margin
D、visible
 
9、CSS文本属性中，文本对齐属性的取值有（  ）
A、justify
B、center
C、auto
D、right
 
10、以下关于CLASS和ID的说法正确的是（ BCD ）
A、id和class只是在写法上有区别，在应用和意义上没有区别
B、class的定义方法是：.类名{样式}；
C、id的应用方法：<指定标签 id=”id名”>
D、class的应用方法：<指定标签 class=“类名”>
 
11、以下哪个属性值属于Float这个属性（    ）
A、left
B、right
C、center
D、none
 
12、关于CSS基本语法说法正确的是（    ）
A、如果一个属性有几个值，则每个属性值之间用分号分隔开
B、在有多个属性时，用“；”进行区分
C、属性和属性值之间用等号链接
D、属性必须要包含在{ }号之中
 
13、所有的HTML元素都可以看作盒子，它包括（ ABCD ）。
A、元素的内容区域
B、元素的外边距
C、元素的内边距
D、元素的边框
 
14、关于CSS的说法正确的有（ ABC ）
A、position可以实现盒子模型精确定位
B、CSS可以控制网页背景颜色
C、字体大小的单位可以使em
D、Z-index的取值不能是负数
 
三、判断题(共6题）
1、margin不可以单独定义某一个方向的值。（ X ）
 
2、position允许用户精确定义元素框出现的相对位置。（ V ）
 
3、在CSS中，px是绝对长度单位，%是相对长度单位。（ V ）
 
4、在CSS中，padding:1px 2px 3px 4px表示设置某个HTML元素的内边距上为1px、右为2px、下为3px、左为4px。（ V ）
 
5、padding:10px;只设置上边填充为10像素，其它三边为零像素。（ X ） 
 
6、在CSS中，使用//或<!—->用来书写一行注释。（ X ）

5 JavaScript


知识点： JavaScript
本材料采集于 新奥学堂 模拟题练习 exercise.eduiit.cn 公共共享资源.
 
一、单选题(共27题）
1、下面代码输出正确的是( B  )。<script type=”text/javascript”>var money = 300;var total = money * 0.8;money = money >= 500 ? total : money;console.log(money);</script>
A、240
B、300
C、0.8
D、500
 
2、引用名为“abc.js”的外部脚本的正确语法是(   B   )。
A、<script name=”abc.js”>
B、<script src=”abc.js”>
C、<script href=”abc.js”>
 
3、如何把7.25四舍五入为最接近的整数？(  B  )
A、Math.rnd(7.25)
B、Math.round(7.25)
C、rnd(7.25)
D、round(7.25)
 
4、下面关于BOM对象，说法有误的是（ B  ）。
A、history对象包含用户在浏览器窗口中访问过的URL
B、window对象表示显示器屏幕窗口
C、每个载入浏览器的HTML文档都会成为document对象
D、location对象包含有关当前URL的信息
 
5、如何在警告框中写入“Hello World”？(  A  )
A、alert(“Hello World”)
B、msgBox(“Hello World”)
C、alertBox(“Hello World”)
D、alertBox=”Hello World”
 
6、向页面输出“Hello World”的正确JavaScript语法是 (  D  )。
A、”Hello World”
B、(“Hello World”)
C、response.write(“Hello World”)
D、document.write(“Hello World”)
 
7、在JavaScript中console.log( “15”>”7″ )的运行结果正确的是（ D  ）。
A、7
B、TRUE
C、15
D、FALSE
 
8、以下关于JavaScript中事件的描述中，不正确的是：（  C  ）
A、click——鼠标单击事件
B、focus——获取焦点事件
C、change——选择字段时触发的事件
D、mouseOver——鼠标指针移动到事件源对象上时触发的事件
 
9、可以在下列哪个HTML元素中放置JavaScript代码？(   A   )
A、<script>
B、<JavaScript>
C、<js>
D、<scripting>
 
10、下面关于JavaScript面向对象说法错误的是？（ D  ）
A、可以采用对象.属性名的方式访问属性
B、用var obj = {}就可以创建一个对象
C、可以采用对象[“属性名”]的方式修改属性值
D、可以使用extends实现继承
 
11、下面哪个不是JavaScript中document对象的方法？（   ）
A、getElementById
B、getElementsByTagName
C、getElementByName
D、getElementsByClassName
 
12、在JavaScript中，执行下面的代码后，str2的值是(  A  )。var str1 = “Hello JavaScript”;var str2 = str1.substring(6,10);
A、Java
B、avaS
C、JavaS
D、JavaScript
 
13、预测以下代码片段的输出结果: var str ; alert(typeof str); (  A  )
A、. undefined;
B、. string;
C、. String;
D、. object;
 
14、可插入多行注释的JavaScript语法是？(  A  )
A、/*This comment has more than one line*/
B、//This comment has more than one line//
C、<!–This comment has more than one line–>
 
15、以下哪个事件可用于在页面加载完成后，执行处理函数（   ）。
A、onClick
B、onfocus
C、onkeydown
D、onload
 
16、阅读下面的JavaScript代码：
< HTML >
< BODY >
< SCRIPT LANGUAGE=”JavaScript” >
function f(y) {
var x=y*y;return x;}
for(x=0;x< 5;x++){
y=f(x);document.writeln(y);}
< /SCRIPT >
< /BODY >
< /HTML > 输出结果是（ A ）。
A、0 1 4 9 16
B、0 1 2 3 4
C、以上答案都不对
D、0 1 4 9 16 25
 
17、下面的代码会输出什么？(  D )
var student = new Array(“小明”);
student.push(“小红”);
student.push(“小芳”);
student.pop();
console.log(student[2]);
A、小芳
B、小红
C、报错
D、undefined
 
18、定义JavaScript数组的正确方法是？(  B    )
A、var txt = new Array:1=(“tim”)2=(“kim”)3=(“jim”)
B、var txt = new Array(“tim”,”kim”,”jim”)
C、var txt = new Array(1:”tim”,2:”kim”,3:”jim”)
D、var txt = new Array=”tim”,”kim”,”jim”
 
19、在JavaScript语法中，下列说法正确的是(  A  )。
A、parseInt(“abc43”)，返回值为NaN
B、parseInt(43.62)，返回值为44
C、parseFloat(“43.13abc”)，返回值为NaN
D、isNaN(“hello”)，返回值为false
 
20、以下哪项不属于JavaScript的特征？( B )
A、JavaScript是一种脚本语言
B、JavaScript代码需要编译以后才能执行
C、JavaScript是事件驱动的
D、JavaScript是独立于平台的
 
21、下列语句不属于JavaScript循环语句的是（ B  ）。
A、for in
B、switch
C、do while
D、for
 
22、在JavaScript中，需要声明一个整数类型的变量num，以下哪个语句能实现上述要求？(  )
A、int num;
B、var num;
C、number num;
D、Integer num;
 
23、下面关于JavaScript函数的说法，错误的是？( D  )
A、可以使用将匿名函数赋值给变量这种方式声明函数
B、JavaScript函数可以有多个参数
C、如果函数里没有return语句，则函数会返回undefined
D、函数名不能当做函数参数传递
 
24、下列那种方式可以把信息输出到浏览器控制台？（ D  ）
A、alert()
B、document.write()
C、innerHTML
D、console.log()
 
25、如何求得2和4中最大的数？(  A  )
A、Math.max(2,4)
B、Math.ceil(2,4)
C、top(2,4)
D、ceil(2,4)
 
26、下面哪个for循环是正确的？( B )
A、for (i = 0; i <= 5)
B、for (i = 0; i <= 5; i++)
C、for i = 1 to 5
D、for (i <= 5; i++)
 
27、如何编写当i等于5时执行某些语句的条件语句？(  A  )
A、if (i==5)
B、if i=5
C、if i==5 then
D、if i=5 then
 
二、多选题(共10题）
1、以下（   ）是JavaScript中Math对象的方法？
A、random()
B、floor()
C、join()
D、ceil()
 
2、以下哪段代码能正确创建函数show()？
A、function show(text){ alert(text); }
B、var showFun = function show(text){ alert(text); }
C、var showFun = function(text){ alert(text); }
D、var showFun =new function(“text” , “alert(text)”};
 
3、下面关于JavaScript理解不正确的：（  ）
A、document.write()向文档中写入内容,可以写在函数体内
B、JavaScript是由核心语法,五大核心对象,DOM,BOM组成
C、alert(),confirm(),info(),item()都为系统函数
D、JavaScript中输出在控制台是out.print
 
4、以下哪些是JavaScript的数据类型？（   ）
A、Number
B、Varchar
C、Undefined
D、String
 
 
5、除了一些常规的运算符之外，JavaScript还提供了一些特殊的运算符。下面属于JavaScript特殊运算符的是：（ C ）
A、void
B、delete
C、typeof
D、size
 
6、以下关于JavaScript中事件的描述中，正确的是：（）
A、mouseOut——鼠标离开事件源对象上时触发的事件
B、click——鼠标单击事件
C、focus——获取焦点事件
D、mouseOver——鼠标指针移动到事件源对象上时触发的事件
 
7、以下程序片段依次输出正确的是：（  ）var str = “32px”;var str1 = str.slice(-2);alert(str);alert(str1);
A、32px
B、undefined
C、px
D、32
 
8、下列关于获取页面元素说法不正确的是(    )
A、document.getElementsByName(“na”)是通过name属性值为na获取页面中的一个元素
B、document.getElementsByTagName(“div”)是通过标签名获取所有div;
C、document.getElementsById(“#na”)是通过id属性值为na获取页面中的一个元素
D、document.getElementById(‘a’)是通过id值为a获取页面中的一个元素
 
9、在JavaScript中，下面代码输出的结果是（   ）。var arr = [1,2,3,4];for(var i in arr){  if(i % 2 == 0){    console.log(arr[i]);  }}
A、4
B、2
C、3
D、1
 
10、以下属于JavaScript原始类型的是：（   ）
A、string
B、boolean
C、function
D、number
 
三、判断题(共4题）
1、在JavaScript中，Date对象的 getYear() 方法总是返回四位的年份。（ X ）
 
2、可以通过代码var timer = setInterval(1000,function(){})创建定时器。( X )
 
3、JavaScript中输出在控制台是out.print。( X )
 
4、定义了一个变量，但没有为该变量赋值，如果alert该变量，JavaScript弹出的对话框中显示undefined。（  V ）

6 jQuery


知识点：jQuery
本材料采集于 新奥学堂 模拟题练习 exercise.eduiit.cn 公共共享资源.
 
一、单选题(共13题）
1、下面哪一个不是jQuery对象访问的方法？( D )
A、each(callback)
B、size()
C、index(subject)
D、index()
 
2、执行下面语句 
$(document).ready(function(){      
$(“#click”).click(function(){
           alert(“click one time”);
        });
        $(“#click”).click(function(){
            alert(“click two time”);
        });});
单击按钮<input type=”button” id=”click” value=”点击我”/>，会有什么效果。（ D ）
A、弹出一次对话框，显示click two time
B、js编译错误
C、弹出一次对话框，显示click one time
D、弹出两次对话框，依次显示click one time，click two time
 
3、在jQuery中想要实现通过远程http get请求载入信息功能的是下面的哪一下事件？ (  B  )
A、$.ajax()
B、$.get(url)
C、load(url)
D、$. getScript(url)
 
4、当DOM加载完成后要执行的函数，下面哪个是正确的？( A  )
A、jQuery(callback)
B、jQuery(elements)
C、jQuery(expression, [context])
D、jQuery(HTML, [ownerDocument])
 
5、页面有一个<input type=”text” id=”name”  name=”name” value=””/>元素，动态设置该元素的值。正确的选项是。 （ B  ）
A、$(“#name”).val(“动态设值”);
B、$(“#name”).text(“动态设值”);
C、$(“#name”).value(“动态设值”);
D、$(“#name”).html(“动态设值”);
 
6、下面有关jquery事件，描述错误的是（ C ）。
A、load 事件会在页面或图像加载完成后立即发生
B、click 鼠标点击某个对象
C、focus 元素失去焦点
D、mousedown 某个鼠标按键被按下
 
7、如果需要匹配包含文本的元素，用下面哪种来实现？(  B  )
A、attr(name)
B、contains()
C、input()
D、text()
 
8、以下jQuery选择器语法错误的是（  C ）。
A、$(“ul li:eq(0)”)
B、$(“ul>li”)
C、$(“ul-li”)
D、$(“ul li”)
 
9、下面哪种不是jQuery的选择器？(  D  )
A、基本选择器
B、后代选择器
C、进一步选择器
D、类选择器
 
10、使用jQuery检查<input type=”hidden” id=”id” name=”id” />元素在网页上是否存在，以下语句正确的是（ B ）。
A、if($(“#id”).size > 0) { //do someing… }
B、if($(“#id”).length > 0) { //do someing… }
C、if($(“#id”).length() > 0) { //do someing… }
D、if($(“#id”)) { //do someing… }
 
11、有这样一个表单元素，想要找到这个hidden元素，下面哪个是正确的？(  C )
A、visible
B、visible()
C、hidden
D、hidden()
 
12、在jQuery中，能够获取元素内容的HTML代码及其文本的方法是（ D  ）。
A、val()
B、attr()
C、text()
D、html()
 
13、<a href=”xxx.jpg” title=”开学准备…”>新闻</a>,获取<a>元素title的属性值。（ B  ）
A、$(“#a”).attr(“title”);
B、$(“a”).attr(“title”);
C、$(“a”).attr(“title”).value;
D、$(“a”).attr(“title”).val();
 
二、多选题(共7题）
1、下面哪几个不是属于jQuery的事件处理? ( BD )
A、bind(type)
B、change()
C、one(type)
D、click()
 
2、获取<div id=”content”>内容…</div>标签里的文本内容。（  ）
A、$(“#content”).text();
B、$(“#content”).HTML();
C、$(“#content”).innerHTML();
D、$(“#content”).val();
 
3、下面哪几种是jQuery中表单的对象属性？（ABD ）
A、:selected
B、: enabled
C、:hidden
D、:checked
 
4、案例代码如下： <body>   <form>       用户名：<input type=”text” id=”username” name=”username” />       密码：<input type=”password” id=”pwd” name=” pwd “/>   </form></body>请用jQuery选择器选取username文本框输入值的内容：（  ）
A、$(“:input[name=username]”).val();
B、$(“#username”).val();
C、$(“input[name=username]”).val();
D、$(“input”)[0].value;
 
5、以下能获得“菜单1”的jQuery代码是（  ABC  ）。
<ul>
  <li id=”menu1″ class=”active”>菜单1</li>
  <li>菜单2</li>
  <li>菜单3</li>
</ul>
A、$(“.active”).text()
B、$(“#menu1”).text()
C、$(“[class=active]”).text()
D、$(“ul li:eq(1)”).text()
 
6、下列关于jQuery动画，正确的说法是（  D ）。
A、可以使用 hide() 和 show() 方法来隐藏和显示元素
B、fadeIn() 用于淡入已隐藏的元素
C、fadeOut() 用于淡出可见元素
D、slideToggle() 用于以滑动方式显示隐藏的元素
 
7、案例代码如下：
 <body>
  <form>
       <div>大字体</div>
       <div>小字体</div>
   </form>
 </body>
选取文本是”大字体”的div对象的方法正确的是（   ）
A、$(“div .big”);
B、$(“div.big”);
C、$(“form > div.big”);
D、$(“div:contains(‘大字体’)”);
 
三、判断题(共1题）
1、jQuery中children和childNodes都是获取当前元素的子元素的,两者没有区别 。（ X ）

7 网页美化与开发


知识点：网页美化与开发 – A
本材料采集于 新奥学堂 模拟题练习 exercise.eduiit.cn 公共共享资源.
 
一、单选题
1、关于flex布局说法不正确的是（ C ）。
A、容器默认存在两根轴：水平的主轴和垂直的交叉轴
B、任何一个容器都可以使用flex弹性布局
C、设置flex:1无意义
D、justify-content属性定义了容器项目在主轴上的对齐方式
 
2、以下哪个是CSS3中新增的选择器？（ A  ）
A、p～ul
B、.div1
C、h1,p
D、div h1
 
3、关于元素的圆角边框说法正确的是（ D ）。
A、border-radius属性只能设置一个值
B、border-top-left-radius属性用于设置右上角的圆角边框
C、不能把元素设置成圆形
D、可以使用border-radius属性给元素设置圆角边框
 
二、多选题
1、实现文字溢出显示省略号的效果，应该给元素设置哪些属性？（ ABCD  ）
A、white-space: nowrap;
B、overflow: hidden;
C、text-overflow: ellipsis;
D、width:300px;
 
2、文字溢出显示省略号应该拥有哪些属性（  ABCD  ）
A、width:500px
B、text-overflow: ellipsis;
C、overflow: hidden;
D、white-space: nowrap;
 
3、下列关于获取页面元素说法正确的是(  BD  )       
A、以上说法都不正确;
B、document.getElementById(‘a’)是通过id值为a获取页面中的一个元素
C、document.getElementsByName(“na”)是通过name属性值为na获取页面中的一个元素
D、document.getElementsByTagName(“div”)是通过标签名获取去所有div;
 
 
三、判断题
1、slideUp()方法通过高度变化（向上减小）来动态地隐藏所有匹配的元素。（  V ）

8 移动端网站搭建与美化


知识点：移动端网站搭建与美化
本材料采集于 新奥学堂 模拟题练习 exercise.eduiit.cn 公共共享资源.
一、单选题(共11题）
1、以下关于canvas说法正确的是： （ D ）
A、HTML5标准中加入了WebSql的api
B、HTML5 仍处于完善之中
C、HTML5支持IE8以上的版本(包括IE8)
D、HTML5将取代Flash在移动设备的地位
 
2、关于HTML5说法正确的是： （  B ）
A、HTML5是在原有HTML上的升级版
B、<output>是HTML5的新标签
C、HTML可以不需要DTD
D、没有<!DOCTYPE HTML>HTML5可以正常工作
 
3、以下不是HTML5新特性的是：（ B ）
A、新的离线存储
B、新的@font-face字体设置
C、新的音频、视频API
D、新的内容标签
 
4、以下不是HTML5新增的API是：（  A  ）
A、Cookie API
B、Media API
C、Command API
D、History API
 
5、关于HTML5说法正确的是： （ B ）
A、HTML5主要是针对移动端进行了优化
B、HTML5新增了离线缓存机制
C、HTML5只是对HTML4的一个简单升级
D、所有主流浏览器都支持HTML5
 
6、下列HTML5语义化元素中，哪个用于表示页脚？（ D ）
A、<header></header>
B、<section></section>
C、<article></article>
D、<footer></footer>
 
7、以下不是input在HTML5的新类型的是：（  D  ）
A、range
B、color
C、datetime
D、file
 
8、以下哪个元素是HTML5新增的表单控件元素？（ B  ）
A、<input type=＂hidden＂>
B、<input type=＂email＂>
C、<input type=＂submit＂>
D、<input type=＂password＂>
 
9、关于HTML5说法错误的是：（  B  ）
A、queryselector的功能类似于jQuery的选择器
B、queryString是HTML5查找字符串的新方法
C、SVG表示可缩放矢量图形
D、Canvas是HTML中你可以绘制图形的区域
 
10、以下是HTML5新增的标签是：（ A ）
A、<aside>
B、<s>
C、<samp>
D、<isindex>
 
11、不是HTML5特有的存储类型是：（   D  ）
A、Application Cache
B、localStorage
C、sessionStorage
D、Cookie
 
二、多选题(共4题）
1、以下哪些标签是HTML5新增的标签（ ABD ）。
A、<figure>.
B、<video>
C、<form>
D、<audio>
 
2、background-origin的值有哪些（  ACD   ）
A、content-box
B、none
C、border-box
D、padding-box
 
3、以下说法正确的是：（  BCD  ）
A、HTML5 标准还在制定中
B、<canvas>标签替代Flash
C、HTML5兼容以前HTML4下浏览器
D、简化的语法
 
4、HTML5支持的视频格式是：（  ABD  ）
A、ogg
B、WebM
C、flv
D、mp4
 
三、判断题(共1题）
1、CSS3中让一个元素按规定的动画执行，要使用keyframes规则。（ X ）
 

考试样题 1


考试样题 1
本材料采集于 新奥学堂 模拟题练习 exercise.eduiit.cn 公共共享资源.
 
一、单选题(共30题）
1、阅读下面的JavaScript代码，输出结果是（ D ）function f(y) {   var x=y*y;return x;  } for(x=0;x< 5;x++) {y=f(x);document.writeln(y);} ”  
A、0 1 2 3 4
B、0 1 4 9 16 25
C、以上答案都不对
D、0 1 4 9 16
 
2、下列选项中定义标题最合理的是(  C  ) 。
A、<span class=”header”>文章标题</span>
B、<div>文章标题</div>
C、<h2>标题</h2>
D、<p><b>文章标题</b></p>
 
3、在HTML中，下列有关邮箱的链接书写正确的是（         ） 。
A、<A href=”mailto:zhangming@aptech.com”>发送邮件</A>
B、<A href=”telnet:zhangming@aptech.com”>发送邮件</A>
C、<A href=”mail:zhangming@aptech.com”>发送邮件</A>
D、<A href=”ftp:zhangming@aptech.com”>发送邮件</A>
 
4、下面关于文件路径的说法错误的是（  ）。
A、“../”是返回当前目录的下一级目录
B、文件路径指文件存储的位置
C、“../”是返回当前目录的上一级目录
D、访问下一级目录直接输入相应的目录名即可
 
5、在JavaScript中，执行下面的代码后，num的值是(        )var str = “”wang.wu@gmail.com””;var num = str.indexOf(“”.””);”
A、4
B、-1
C、13
D、0
 
6、关于box-shadow说法正确的是（       ）。
A、设置文字投影
B、第一个值是设置水平距离的
C、第二个值是设置水平距离的
D、第三个值是设置投影颜色的
 
7、以下不属于background-clip的值的是（ A ）
A、none
B、padding-box
C、border-box
D、content-box
 
8、以下哪条语句会产生运行错误（  D  ）
A、var obj = [];
B、var obj = //;
C、var obj = {};
D、var obj = ();
 
9、在Java script中，运行下面代码的结果是function foo(x){        var num=5;        bar=function(y){          return (x+y+(++num));        } } console.log(foo(2)); console.log(bar(10)); console.log(bar(10));”       。( D )
A、5,18,19
B、17,18,19
C、undefined,18,18
D、undefined,18,19
 
10、设置盒子圆角的属性是（         ）
A、border-radius
B、border
C、box-sizing
D、box-shadow
 
11、HTML5的正确doctype是(        )。
A、<!DOCTYPE HTML PUBLIC”-
B、//W3C//DTD HTML 5.0//EN” “http://www.w3.org/TR/html5/strict.dtd”>
C、<!DOCTYPE HTML5>
D、<!DOCTYPE html>
 
12、在HTML5中，哪个属性用于规定输入字段是必填的？（ D ）
A、validate
B、placeholder
C、readonly
D、required
 
13、在HTML中，下面（ C ）不属于HTML文档的基本组成部分。
A、<BODY></BODY>
B、<HEAD></HEAD>
C、<STYLE></STYTLE>
D、<HTML></HTML>
 
14、在HTML中，(  D  )用来表示特殊字符引号
A、&nbsp
B、&reg
C、&copy
D、&quot
 
15、请选择结果为真的表达式（       ）
A、null == undefined
B、null instance of Object
C、null === undefined
D、NaN == NaN
 
16、在jQuery中，下列关于事件的说法错误的是（      ）     
A、jQuery中用hover来绑定鼠标经过事件
B、jQuery中用on来给未来元素绑定事件
C、jQuery中存在冒泡事件，故需要阻止冒泡
D、jQuery中用onclick绑定点击事件
 
17、下列表达式成立的是(        )
A、Number(“123abc”)==parseFloat(“123abc”)
B、typeof NaN==”number”
C、isNaN(“abc”)==NaN
D、parseInt(12.5)==parseFloat(12.5)
 
18、以下说法不正确的是（  D  ）。
A、<canvas>标签替代Flash
B、HTML5兼容以前HTML4下浏览器
C、简化的语法
D、HTML5 标准还在制定中
 
19、以下关于jQuery 节点的说法中错误是           
A、jQuery中用$(“.box”).insertAfter(ele1,ele2)给ele2后添加ele1元素
B、jQuery中用$(“.box”).append(ele)给box类后添加ele元素
C、jQuery中用$(“.box”).insertBefroe(ele1,ele2)给指定ele2前添加ele1元素
D、jQuery中用$(“.box”).appendTo(ele)给box类后添加ele元素
 
20、关于flex说法正确的是（      ）
A、flex是指设置固定定位
B、设置flex:1无意义
C、flex 属性用于指定弹性子元素如何分配空间
D、flex:1应该写在弹性元素上
 
21、在jQuery中，能够操作HTML代码及其文本的方法是（  C  ）
A、text()
B、attr()
C、html()
D、val()
 
22、每段文字都需要首行缩进两个字的距离，该设置什么属性（      ）。
A、text-indent
B、text-transform
C、text-decoration
D、text-align
 
23、下面代码输出正确的是(   B   )parseInt(3, 8)parseInt(3, 2)parseInt(3, 0) “
A、3, 3, 3
B、other
C、3, NaN, NaN
D、3, 3, NaN
 
24、在以下选项中，关于JavaScript的Date对象描述正确的是         
A、getYear( )方法只能返回4位年份，长用于获取Date对象的年份
B、getDate( )方法能返回Date对象的一周中的一天，其值为0~6
C、getDay( )方法能返回Date对象的一个月中的一天，其值为1~31
D、getTime( )方法能返回某一时刻(1970年1月1日)依赖的毫秒数
 
25、下面代码输出什么(       )var a=0,b=0;    for(;a<10,b<7;a++,b++){        g=a+b;    } console.log(g);”         
A、16
B、12
C、6
D、10
 
26、让一个动画一直执行的属性是（   D   ）
A、animation-delay
B、animation-direction
C、animation-play-state
D、animation-iteration-count
 
27、关于引入样式的优先级说法正确的是（      ）。
A、以上都不正确
B、!important>内联样式>内部样式>外部样式
C、内联样式>!important>内部样式>外部样式>!important
 
28、设定一个元素按规定的动画执行，你需要运用什么规则？
A、flash
B、animation
C、keyframes
D、transition
 
29、在HTML中，通过( C )可以实现鼠标悬停在div上时，元素执行旋转45度效果
A、div:hover{transform:skew(45deg)};
B、div:hover{transform:tanslate(50px)}
C、div:hover{transform:rotale(45deg)}
D、div:hover{transform:scale(1.5)}
 
30、将div类名以’c’开头元素添加文字为红色，书写正确的是（  B  ）
A、div[class=*c]{color:red}
B、div[class=^c]{color:red}
C、div[class=$c]{color:red}
D、div[class=c]{color:red}
 
二、多选题(共15题）
1、以下（     ）是块级元素 
A、div
B、img
C、p
D、input
 
2、background-origin的值有哪些（   ABD    ）
A、padding-box
B、border-box
C、none
D、content-box
 
3、请选出正确的选项(        )         
A、一个标签可以指定多个属性
B、属性要在开始标签中指定，用来表示该标签的性质和特性
C、指定多个属性时不用区分顺序。
D、通常都是以“属性名=“值””的形式来表示
 
4、关于语义化说法不正确的是（        ）      
A、Table 属于过时的标签，遇到数据列表时，需尽量使用 div 来模拟表格
B、语义化是HTML5带来的新概念，此前版本的HTML无法做到语义化
C、语义化的HTML有利于机器的阅读
D、Header、article、address都属于语义化明确的标签
 
5、关于JavaScript事件说法不正确的是（       ）
A、onclick 就是一个事件对象
B、事件由事件函数、事件源、事件对象组成
C、当前事件作用在哪个标签上,哪个标签就是事件源
D、图片切换使用JavaScript的change事件
 
6、关于media说法正确的是（      ）
A、@media 查询，你可以针对不同的媒体类型定义不同的样式
B、可以用media属性在link中使用
C、当你重置浏览器大小的过程中，页面也会根据浏览器的宽度和高度重新渲染页面
D、@media 可以设计响应式页面
 
7、下面哪些是JavaScript中document的方法？   
A、getElementById
B、getElementsByTagName
C、getElementsByClassName
D、getElementsByName
E、getElementsById
 
8、下列关于获取页面元素说法正确的是(   AD    )       
A、document.getElementById(‘a’)是通过id值为a获取页面中的一个元素
B、以上说法都不正确;
C、document.getElementsByName(“na”)是通过name属性值为na获取页面中的一个元素
D、document.getElementsByTagName(“div”)是通过标签名获取去所有div;
 
9、网页的<body>元素中包含以下HTML代码：<div id=””box””>     <h2 id=’top1′ name=’header1’>标题1</h2>     <h2 id=’top2′ name=’header2’>标题2</h2></div>下列能弹出””标题1″”的jQuery代码是（        ）。
A、alert($(‘[name=’header1′]’).text());
B、alert($(‘[name=header1]’).text());
C、alert($(‘#header1’).text());
D、alert($(‘#top1’).text());
 
10、文字溢出显示省略号应该拥有哪些属性（ ABCD  ）    
A、width:500px
B、text-overflow: ellipsis;
C、overflow: hidden;
D、white-space: nowrap;
 
11、以下标签书写正确的是(      )      
A、<img/>
B、<hr/>
C、<br/>
D、<p/>
 
12、在JavaScript语法中，下列说法正确的是
A、parseInt(43.12)返回值为43
B、parseInt(‘abc43.12’)返回值为NaN
C、isNaN(parseFloat(‘45.13abc’))返回true
D、parseFloat(‘43.13abc’)==parseInt(43.12) 返回true
 
13、下面哪些是HTML5 新增的表单元素？   
A、legend
B、optgroup
C、datalist
D、output
 
14、嵌入在HTML文档中的图像格式可以是(  BCD )
A、*.tif
B、*.jpg
C、*.gif
D、*.bmp
 
15、下列选项中属于jQuery属性选择器的是（       ）
A、$(“img”)
B、$(“img[src$=’.gif ‘]”)
C、$(“div>span”)
D、$(“[class][title]”)
 
三、判断题(共5题）
1、CSS Sprites整理起来更为方便，同一个按钮不同状态的图片也不需要一个个切割出来并个别命名。（  X   ）  
 
2、在jquery中addClass()可以增加多个样式，各个样式间用：隔开。（ V ）
 
3、slideUp()方法通过高度变化（向上减小）来动态地隐藏所有匹配的元素。（  V  ）
4、padding:10px;只设置上边填充为10像素，其它三边为零像素。（  X  ） 
 
5、H5就是HTML5的简称。  （  X  ）
 

操作题

试题一（每空 2 分，共 22 分）
阅读下列说明、效果图和 HTML 代码，进行静态网页开发，请在红线处补全代码。
1.【说明】
这是某电商类网站服装商品展示页面局部，该网站正在促销秋冬季女装。现在我们需要编写该网站效果图部分代码。
项目名称为 shopping，包含首页 index.html、css 文件夹、img 文件夹，其中，css 文件夹包含 index.css 文件；img 文件夹包含 img1.jpg、img2.jpg、img3.jpg、img4.jpg、img5.jpg 图片。
2.【效果图】



图 1-1
3.【代码：首页 index.html】 (提示 * 中间为填空答案 )
<!DOCTYPE html>
<html>
<head>
    <title>商品展示</title>
    <meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="css/index.css" />
</head>
<body>
<div class="box">
    <div class="con">
<!-- 根据上下文填入合适的标签 -->    
< ***ul***  class="clear">
        <li>
            <img src="img/img1.jpg">
            <p>微胖连衣裙</p>
        </li>
        <li>
            <img src="img/img2.jpg">
            <p>2019网红初秋女装</p>
        </li>
        <li>
            <img src="img/img3.jpg">
            <p>黑色休闲裤</p>
        </li>
        <li>
            <img src="img/img4.jpg">
            <p>韩版学生女装</p>
        </li>
        <li>
            <img src="img/img5.jpg">
            <p>原创设计女装</p>
        </li>
        </ ***ul***>
    </div>
</div>
</body>
</html>

1,303 Views
分享你的喜爱
linwute
linwute

我要像梦一样自由，像大地一样宽容；
在艰辛放逐的路上，点亮生命的光芒；
我要像梦一样自由，像天空一样坚强；
在曲折蜿蜒的路上，体验生命的意义；