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>

206 Views
分享你的喜爱
默认图片
linwute

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