MOOC HTML5网页前端设计(青岛职业技术学院)1449644167 最新慕课完整章节测试答案

单元1测验

1、单选题：
​web使用（ ）在服务器和客户端之间传输数据。​
选项：
A: FTP
B: Telnet
C: E-mail
D: HTTP
答案: 【 HTTP】

2、单选题：
‍HTTP服务默认的端口号是（ ）。‏
选项：
A: 20
B: 21
C: 25
D: 80
答案: 【 80】

3、单选题：
‍HTML是一种标记语言，由（ ）解释执行。‌
选项：
A: web服务器
B: 操作系统
C: web浏览器
D: 不需要解释
答案: 【 web浏览器】

4、单选题：
‌目前的web标准不包括（ ）。​
选项：
A: 结构标准 
B:  表现标准
C: 行为标准
D: 动态网页
答案: 【 动态网页】

5、单选题：
‎下面正确的URL地址是（ ）。‌
选项：
A: Get://www.solt.com/about.html
B: ftb:/ftb.tsinghua.edu.cn
C: http://www.tsinghua.edu.cn
D: http:www.bhu.edu.cn
答案: 【 http://www.tsinghua.edu.cn】

6、单选题：
​下面是某单位的主页的Web地址URL,其中符合URL格式的是（ ）。‌
选项：
A: Http//www.jnu.edu.cn
B: Http:www.jnu.edu.cn
C: Http://www.jnu.edu.cn
D: Http:/www.jnu.edu.cn"
答案: 【 Http://www.jnu.edu.cn】

7、单选题：
​以下不是网页的页面元素的是（）。‍
选项：
A: 导航栏
B: logo
C: 文字与图片
D: 网页源文件
答案: 【 网页源文件】

8、单选题：
‏以下说法中，错误的是（）。‎
选项：
A: 网站logo、banner、导航栏等都是网页的组成部分。
B: 主页就是进入网站的第一个页面，也被称为首页。
C: 网站就是一系列逻辑上可以视为一个整体的页面的集合。
D: 所有网页的扩展名都是 .htm
答案: 【 所有网页的扩展名都是 .htm】

9、单选题：
‎以下哪个概念或者哪种功能属于“前端”。（）‌
选项：
A: web系统中以网页等形式为用户提供的部分，用户能接触到的部分
B: web系统中负责数据存取的部分
C: web系统中负责平台稳定性与性能的部分
D: web系统中负责完成相应的功能、处理业务的部分
答案: 【 web系统中以网页等形式为用户提供的部分，用户能接触到的部分】

10、单选题：
‎web前端开发中的“web”指的是：（）。‎
选项：
A: Internet
B: web客户端
C: web系统
D: web服务器
答案: 【 web系统】

11、单选题：
‎网页常用的前台技术不包括( )。‌
选项：
A: ASP 
B: HTML 
C: CSS　 
D: JavaScript
答案: 【 ASP 】

12、单选题：
‌WWW是 (  ) 的缩写。‏
选项：
A: Wide Web World
B: World Wide Web
C: Web World Wide
D: World Web Wide
答案: 【 World Wide Web】

随堂测验1

1、单选题：
‌web使用（ ）在服务器和客户端之间传输数据​
选项：
A: FTP
B: Telnet
C: E-mail
D: HTTP
答案: 【 HTTP】

2、单选题：
‍下面正确的URL地址是（ ）。‎
选项：
A: Get://www.solt.com/about.html
B: ftb:/ftb.tsinghua.edu.cn
C: http://www.tsinghua.edu.cn
D: http:www.bhu.edu.cn
答案: 【 http://www.tsinghua.edu.cn】

3、单选题：
‍HTTP服务默认的端口号HTTP是（ ）​
选项：
A: 20
B: 21
C: 25
D: 80
答案: 【 80】

4、单选题：
‍HTML是一种标记语言，由（ ）解释执行​
选项：
A: web服务器
B: 操作系统
C: web浏览器
D: 不需要解释
答案: 【 web浏览器】

5、单选题：
‏以下哪个概念或者哪种功能属于“前端”‌
选项：
A: web系统中以网页等形式为用户提供的部分，用户能接触到的部分
B: web系统中负责数据存取的部分
C: web系统中负责平台稳定性与性能的部分
D: web系统中负责完成相应的功能、处理业务的部分
答案: 【 web系统中以网页等形式为用户提供的部分，用户能接触到的部分】

6、单选题：
‎WWW是 (   ) 的缩写‎
选项：
A: Wide Web World
B: World Wide Web
C: Web World Wide
D: World Web Wide
答案: 【 World Wide Web】

随堂测验2

1、单选题：
‏下列不属于静态网页扩展名的是（）‍
选项：
A: .html
B: .xhtml
C: .htm
D: .asp
答案: 【 .asp】

2、单选题：
​网页常用的前台技术不包括（）‏
选项：
A: ASP
B: HTML
C: CSS
D: Javascript
答案: 【 ASP】

3、单选题：
​关于静态网页和动态网页说法正确的是（）‏
选项：
A: 静态网页中就是不包含动画的网页
B: 静态网页和动态网页都是信息的发布形式
C: 动态网页中没有图片
D: 动态网页就是包含动画的网页
答案: 【 静态网页和动态网页都是信息的发布形式】

随堂测验3

1、单选题：
‎目前的web标准不包括（ ）​
选项：
A: 结构标准
B: 表现标准
C: 行为标准
D: 动态网页
答案: 【 动态网页】

2、单选题：
​CSS的全称是( )‌
选项：
A: Computer Style Sheets
B: Cascading Style Sheets
C: Creative Style Sheets
D: Creative Style Sheets
答案: 【 Cascading Style Sheets】

3、多选题：
‏结构标准用于对网页进行分类和整理，定义网页的结构，主要包括（）‎
选项：
A: HTML
B: XHTML
C: XML
D: CSS
答案: 【 HTML;
XHTML;
XML】

随堂测验4

1、多选题：
‎常用的HTML编辑器有哪些（）‍
选项：
A: Adode Dreamweaver
B: HBuilder
C: WebStorm
D: Sublime Text
答案: 【 Adode Dreamweaver;
HBuilder;
WebStorm;
Sublime Text】

2、多选题：
​考虑到兼容性，需要对每个页面至少保证在哪两个浏览器下正常运行‍
选项：
A: IE
B: Chrome
C: FireFox
D: QQ浏览器
答案: 【 Chrome;
FireFox】

单元10 测验

1、单选题：
‌下面代码输出什么(    )。‍var a=0,b=0;‍    for(;a<10,b<7;a++,b++){‍        g=a+b;‍    }‍‌ console.log(g);"    ‍
选项：
A: 16
B: 10
C: 12
D: 6
答案: 【 12】

2、单选题：
‍下列表达式成立的是(   )。‎
选项：
A: parseInt(12.5)==parseFloat(12.5)
B: Number("123abc")==parseFloat("123abc")
C: isNaN("abc")==NaN
D: typeof NaN=="number"
答案: 【 typeof NaN=="number"】

3、单选题：
‌在JavaScript中，执行下面的代码后，num的值是(   )。‏‌‏var str = ""wang.wu@gmail.com"";‏var num = str.indexOf(""."");"                ‏‌‏
选项：
A: -1
B: 0
C: 4
D: 13
答案: 【 4】

4、单选题：
‎执行下面代码，返回的值是（  ）。‎  var str=’abcDEF’;‎console.log(str.search(/d/i);‎‎‎‎‎
选项：
A: 2
B: -1
C: 4
D: 3
答案: 【 3】

5、单选题：
‎ Javascript中，回到上次一访问的页面，以下代码正确的是（   ）。​
选项：
A: history.back() 
B: history.forward() 
C: history.go(-2) 
D: history.to(-1)
答案: 【 history.back() 】

6、单选题：
‍下面哪个不是JavaScript中document获取元素的方法？（   ）。‌
选项：
A: getElementById   
B: getElementsById 
C: getElementsByTagName 
D: getElementsByName  
答案: 【 getElementsById 】

7、单选题：
​创建一个HTML元素节点，以下代码正确的是（   ）。​
选项：
A: document.createElement(“td”)； 
B: document.createAttributeNode(“td”)
C: document.createTextNode (“td”)
D: document.createHtmlNode (“td”)
答案: 【 document.createElement(“td”)； 】

8、单选题：
‎将创建的class属性节点设置给td，以下代码正确的是（  ）。​
选项：
A: td.setAttributeNode(class);  
B: td.setAttribute(class);
C: td.getAttributeNode(class);   
D: td.getAttribute(class);
答案: 【 td.setAttributeNode(class);  】

9、单选题：
‌阅读下面的JavaScript代码，输出结果是（    ）。‌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 
C: 0 1 4 9 16 25 
D: 以上答案都不对 
答案: 【 0 1 4 9 16 】

10、单选题：
‍在JavaScript中，'1555'+3的运行结果是(   )。​
选项：
A: 1558 
B: 15553
C: 1552
D: 1553
答案: 【 15553】

11、单选题：
‏下面代码输出正确的是(       ) 。‌parseInt(3.8)‌parseInt(3.2)‌‏parseInt(3.0) ‌
选项：
A: 3, 3, 3  
B: 3, 3, NaN 
C: 3, NaN, NaN 
D: other
答案: 【 3, 3, 3  】

12、单选题：
‌以下选项中，关于JavaScript的Date对象描述正确的是（）。‏
选项：
A: getDay( )方法能返回Date对象的一个月中的一天，其值为1~31
B: getDate( )方法能返回Date对象的一周中的一天，其值为0~6
C: getTime( )方法能返回某一时刻(1970年1月1日)依赖的毫秒数
D: getYear( )方法只能返回4位年份，长用于获取Date对象的年份
答案: 【 getTime( )方法能返回某一时刻(1970年1月1日)依赖的毫秒数】

13、单选题：
​向数组的开头添加一个或更多元素，并返回新的长度，在js中用到的函数是（   ）。‏
选项：
A: shift() 
B: pop() 
C: unshift()
D: push()
答案: 【 unshift()】

14、单选题：
‌代码setTimeout("show",100) 理解正确的是（  ）。‍
选项：
A: 表示100毫秒后调用一次show方法   
B: 表示每隔100毫秒调用一次show方法
C: 有语法错误，要去掉双引号     
D: 以上说法都不准确
答案: 【 表示100毫秒后调用一次show方法   】

15、单选题：
‍今天是2006年4月1日星期六,请问以下javascript代码输出结果是（   ）。‍‍var time = new Date( );    document.write(time.getMonth( )); ‍
选项：
A: 3
B: 4
C: 5
D: 4月
答案: 【 3】

随堂测验1

1、单选题：
‏有以下js代码片段：‍‏var a =[];‍‏a[0]=1, a[1]=2, a[2]=3, a[5]=3;   请问a.length的值是多少(      )‍‏‍
选项：
A: 4
B: 5
C: 6
D: 7
答案: 【 6】

2、单选题：
‎分析下面的Javascript代码段，输出结果是（    ）                                   ‏‎var s1=parseInt(“101中学”);‏‎document.write(s1);‏‎A、NaN‏‎B、101中学‏‎C、101‏‎D、‏‎‏
选项：
A: NaN
B: 101中学
C: 101
D: 出现脚本错误
答案: 【 101】

随堂测验2

1、单选题：
‌下关于JAVASCRIPT函数方法getMonth()的特点（    ）​‌​
选项：
A: 获取的月份是从1开始计数的
B: 获取的月份是从0开始计数的
C: 获取的月份是英文单词的缩写，如六月份为Jun
D: 无法获取月份
答案: 【 获取的月份是从0开始计数的】

2、单选题：
‍假设今天是2006年4月1日星期六,请问以下javascript代码输出结果是：(   )‏‍var time = new Date( );‏‍document.write(time.getMonth( ));‏‍‏
选项：
A: 3
B: 4
C: 5
D: 4月
答案: 【 3】

随堂测验3

1、单选题：
‌在页面运行js代码如下：‏‌<script language="javascript">‏‌var a=[2,4,3,6,1];‏‌var sum=0;‏‌var t;‏‌for (var i=0;i<5;i++)‏for (var j=0;j<4;j++){‏if (a[j]>a[j+1]){‏t=a[j];‏a[j]=a[j+1];‏a[j+1]=t;‏}‏sum=sum+1;‏‌}‏‌‏‌ 分析程序执行完后a的值是(    )‏‌‏
选项：
A: 6,4,3,2,1;
B: 1,2,3,4,6;
C: 1,2,3,6,4;
D: 6,4,2,1,3
答案: 【 1,2,3,4,6;】

随堂测验4

1、单选题：
‍在JavaScript中，把字符串“123”转换为整型值123的正确方法是(      )。‍
选项：
A: var str="123";var num=(int)str;
B: var str="123";var num=str.parseInt(str);
C: var str="123";var num=parseInt(str);   转换函数
D: var str="123";var num=Integer.parseInt(str);
答案: 【 var str="123";var num=parseInt(str);   转换函数】

2、单选题：
‌在JavaScript中，下面代码表示获取到文本框的值，则下列选项中验证文本框为空的条件表达式不正确的是 (   ).  ‍‌‍
选项：
A: usrName ==""
B: usrName.length<=0
C: usrName===""
D: usrName.length<0
答案: 【 usrName.length<0】

随堂测验5

1、单选题：
‌阅读下面的JavaScript代码，输出结果是（    ）。​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 
C: 0 1 4 9 16 25
D: 以上答案都不对
答案: 【 0 1 4 9 16 】

2、单选题：
​代码setTimeout("show",100) 理解正确的是（  ）。​​​
选项：
A: 表示100毫秒后调用一次show方法    
B: 表示每隔100毫秒调用一次show方法
C: 有语法错误，要去掉双引号  
D: 以上说法都不准确
答案: 【 表示100毫秒后调用一次show方法    】

随堂测验6

1、单选题：
‍下列不是 JavaScript内置对象的有？（     ）​‍​
选项：
A: Windows
B: String
C: Array
D: RegExp
答案: 【 Windows】

2、单选题：
‏在HTML文档对象模型中，history对象的（  ）用于加载历史列表中的下一个URL页面。‍
选项：
A: next()
B: back()
C: forward()
D: go(-1)
答案: 【 forward()】

3、单选题：

‏在HTML中，点击图片”previous.gif”上的超级链接后页面将加载历史列表中的上一个URL页面。代码如下所示，应在下划线处填入（    ）

‏

‏<a href=_______><img src=”previous.gif” width=”67” height=”21”></a>

‏

‏

‏选项：
A: ”javascript:history.go(-1)”
B: “history.go(1)”
C: “history.go(-1)”
D: “javascript:history.go(1)”
答案: 【 ”javascript:history.go(-1)”】

随堂测验7

1、单选题：
‎通过javascript控制id=“d1”的div隐藏，使用的代码是（    ）‍‎‍
选项：
A: document.getElementById(“d1”).style.show = “false”;
B: document.getElementById(“d1”).style.show = “none”;
C: document.getElementById(“d1”).style.display = “false”
D: document.getElementById(“d1”).style.display = “none”;
答案: 【 document.getElementById(“d1”).style.display = “none”;】

2、单选题：
‏在HTML页面上包含如下所示的层对象，则javascript语句document.getElementById(“info”).innerHTML的值是（     ）​‏<div id=”info” style=”display:block”><p>请填写</p></div>​‏​
选项：
A: 请填写
B: <p>请填写</p>
C: id=”info” style=”display:block”
D: <div id=”info” style=”display:block”><p>请填写</p>
答案: 【 <p>请填写</p>】

3、单选题：
‍下列不属于访问指定节点的方法的是（    ）‏‍‏
选项：
A: obj.value
B: getElementsByTagName  得到是一个数组
C: getElementsByName   得到是一个数组
D: getElementById    得到的是一个对象
答案: 【 obj.value】

4、单选题：
‌在HTML页面中包含一个按钮控件mybutton，如果要实现点击该按钮时调用已定义的Javascript函数compute，要编写的HTML代码是（   ）‎‌‎
选项：
A: <input name=”mybutton” type=”button” onBlur=”compute()”value=”计算”>
B: <input name=”mybutton” type=”button” onFocus=”compute()”value=”计算”>
C: <input name=”mybutton” type=”button” onClick=”function compute()”value=”计算”>
D: <input name=”mybutton” type=”button” onClick=”compute()”value=”计算”>
答案: 【 <input name=”mybutton” type=”button” onClick=”compute()”value=”计算”>】

随堂测验8

1、单选题：
‎Javascript中有表单name=’myform’,该表单中制作图片代替按钮的提交效果需要手动提交方法submit()，以下调用正确的是（    ）‍‎‍
选项：
A: submit()
B: myform.submit()
C: document.myform.submit()
D: window.myform.submit()
答案: 【 document.myform.submit()】

2、单选题：
‌编写Javascript函数实现网页背景色选择器，下列选项中正确的是（    ）‌‌ ‌‌‌
选项：
A: function change(color){ window.bgColor=color;}
B: function change(color){ document.bgColor=color;}
C: function change(color){ body.bgColor=color;}
D: function change(color){ form.bgColor=color;}
答案: 【 function change(color){ document.bgColor=color;}】

3、单选题：
‍在HTML文档中包含如下超链接，要实现当鼠标移入该链接时，超链接文本大小变为30px，选项中的编码正确的是（   ）‍‍‍
选项：
A: <a href=”#” onmouseover=”this.style.font-size=30px”>注册</a>
B: <a href=”#” onmouseout=”this.style.fontsize=30px”>注册</a>
C: <a href=”#” onmouseover=”this.style.fontSize=30px”>注册</a>
D: <a href=”#” onmouseout=”this.style.font-size=30px”>注册</a>
答案: 【 <a href=”#” onmouseover=”this.style.font-size=30px”>注册</a>】

随堂测验1

1、单选题：
‎在jQuery中被誉为工厂函数的是(   )。  ‌‎‌
选项：
A:  function( )
B:  next（）
C:  $( )
D:  ready( )
答案: 【  $( )】

随堂测验2

1、单选题：
‌有以下标签：<input id="txtContent" type="text" class="txt" value="张三"/>‎‌请问不能够正确的获取文本框里面的值“张三”的语句是(    )。‎‌‎
选项：
A:  $(".txt").val()
B:  $("#txtContent").attr("value")
C:  $("#txtContent").text()
D:  $(".txt").attr("value")
答案: 【  $("#txtContent").text()】

2、单选题：
‍以下(   )选项不能够正确地得到这个标签。‎‍‎‍<input id="btnGo" type="button" value="单击我"/>‎‎
选项：
A:  $("#btnGo")
B:  $("input[type='button']")
C:  $(".btn")
D:  $(".btnGo")
答案: 【  $(".btnGo")】

3、单选题：
‎$("div#one")选择器选取哪些元素（  ）‎‎‎
选项：
A:   id为one的首个div元素
B:  div下所有id为one的元素
C:  第一个div下的id为one的元素
D:  以上都不对
答案: 【   id为one的首个div元素】

4、单选题：
‌在jQuery中，找到id="intro"的‌‌元素中的所有class="head"的元素，下列书写正确的是哪个（  ）‌‌‌
选项：
A:  $("div#intro.head")
B:  $("div#intro")
C:  $("div.intro.head")
D:  $("intro.head")
答案: 【  $("div#intro.head")】

5、单选题：
‎群组选择器用什么符号连接（  ）​‎​
选项：
A:  .
B:  空格
C:  +
D:  ,
答案: 【  ,】

随堂测验3

1、单选题：
‏id值为ul1的ul中有5个li标签，通过jQuery方法给每个li添加title属性，下列书写正确的是哪个（  ）‌
选项：
A:  $("#ul1 li").each(function(index)){this.title="文字"}
B:  $("#ul1 li").not(function(index)){this.title="文字"}
C:  $("#ul1 li").add(function(index)){this.title="文字"}
D:  $("#ul1 li").(function(index)){this.title="文字"}
答案: 【  $("#ul1 li").each(function(index)){this.title="文字"}】

2、单选题：

‏给img图片设置宽为500px的属性，语法正确的是哪个（  ）

‌

‏

‌选项：
A:  $("img").attr("width","500");
B:  $("img").attr(width：500);
C:  $("img").css("width"："500");
D:  $("img").attr("width","500px");
答案: 【  $("img").attr("width","500");】

3、单选题：
‌获取属性名值的正确语法是哪个（  ）‎
选项：
A:  $(选择器).attr(属性名[,值])
B:  $(选择器).attr(属性名)
C:  $(选择器).attr([,值])
D:  $(选择器).attr()
答案: 【  $(选择器).attr(属性名)】

4、单选题：
​下列标签哪个可以操作标签属性和值（  ）​​​
选项：
A: $(选择器).attr(属性名[,值])
B:  $(选择器).html(属性名[,值])
C:  $(选择器).val(属性名[,值])
D:  $(选择器).text(属性名[,值])
答案: 【 $(选择器).attr(属性名[,值])】

5、单选题：
‏下列标签哪个可以操作标签属性和值（  ）‍
选项：
A:  $(选择器).attr(属性名[,值])
B:  $(选择器).html(属性名[,值])
C:  $(选择器).val(属性名[,值])
D:  $(选择器).text(属性名[,值])
答案: 【  $(选择器).html(属性名[,值])】

6、单选题：
​id值为ul1的ul中有5个li标签，通过jQuery方法给每个li添加title属性，使用attr属性操作下列书写正确的是哪个（   ）‌
选项：
A:  $("#ul1 li").each(function(index)){this.attr('title',"文字")
B:  $("#ul1 li").each(function(index)){$(this).attr('title',"文字")
C:  $("#ul1 li").each(function(index)){$(this).attr('title':"文字")
D:  $("#ul1 li").each(function(index)){$(this).attr('title',文字)
答案: 【  $("#ul1 li").each(function(index)){$(this).attr('title',"文字")】

7、单选题：
‍在标签样式操作中，下列哪个选项可以交替使用类别样式（  ）‏
选项：
A:  $(选择器).css（样式属性名,[值]）
B:  $(选择器).addClass(类别样式名)
C:   $(选择器).removeClass(类别样式名)
D:  $(选择器).toggleClass(类别样式名)
答案: 【  $(选择器).toggleClass(类别样式名)】

8、单选题：
​在jQuery中，将id值为div的div标签隐藏样式书写正确的是哪个（  ）‍
选项：
A:  $("#div").css('display','none');
B:  $("#div").css('display','block');
C:  $("#div").css('overflow','none');
D:  $("#div").css('overflow','hideen');
答案: 【  $("#div").css('display','none');】

随堂测验4

1、单选题：
‎弹窗移动过程中，mouseup()事件的主要作用是什么（    ）‎‎‎
选项：
A:  获取鼠标参考位置
B:  关闭移动
C:  开始位置
D:  鼠标移动，窗口也移动
答案: 【  关闭移动】

2、单选题：
​实现两级联动，必须在第一个下拉框添加什么事件（  ）‌​‌
选项：
A:   onblur事件
B:  onclick事件
C:  onmousedown事件
D:  onchange事件
答案: 【   onblur事件】

3、单选题：
‏关于mousemove()说法正确的是（  ）​
选项：
A:  当鼠标指针在指定的元素中移动时，就会发生 mousemove 事件
B:  mousemove() 方法触发 mousemove 事件
C:  用户把鼠标移动一个像素，就会发生一次 mousemove 事件
D:  语法：$(selector).mousemove()
答案: 【  语法：$(selector).mousemove()】

4、多选题：
‏在对象失去焦点时发生，应使用哪个事件（  ）​
选项：
A:   onblur
B:  onclick
C:  onmousedown
D:  onchange
答案: 【   onblur;
 onchange】

5、多选题：
‎鼠标移入事件和移出事件是（   ）‎‎‎
选项：
A:  mousemove()
B:  mouseleave()
C:  mouseenter()
D:  mouseover()
答案: 【  mouseenter();
 mouseover()】

随堂测验5

1、单选题：
‎隐藏HTML元素的动态事件是哪个（   ）​‎​
选项：
A:  hide()
B:  show()
C:  click()
D:  blur()
答案: 【  hide()】

2、单选题：
​要实现右下角弹框效果，会用到什么函数（   ）‌
选项：
A:  slideDown()
B:  slideUp()
C:  setTimeout()
D:  setTime()
答案: 【  setTimeout()】

3、多选题：
下列哪些属于滑动效果的标签（  ）‏
选项：
A:  slideDown()
B:   slideUp()
C:  show()
D:  hide()
答案: 【  slideDown();
  slideUp()】

4、多选题：
‍关于实现页面弹层效果，说法正确的是(    )​‍​
选项：
A:  用到slideDown()
B:  用到slideUp()
C:  弹层需添加定位样式
D:  弹层需添加隐藏样式
答案: 【  用到slideDown();
 用到slideUp();
 弹层需添加定位样式;
 弹层需添加隐藏样式】

单元2拓展测验，不计入总分

1、单选题：
‎在HTML5中，onblur和onfocus是（ ）。​
选项：
A: HTML元素
B: 样式属性
C: 事件属性
D: 元素
答案: 【 事件属性】

2、单选题：
​关于HTML5的基本语法，下列说法错误的是（ ）。‎
选项：
A: 在文档开始要定义文档的类型  
B: 元素允许交叉嵌套
C: 空标签最好加“/”来关闭 
D: 属性值建议用""括起来
答案: 【 元素允许交叉嵌套】

3、单选题：
‏以下哪个项目不是可以在HTML文档中使用的特殊字符。（ ）‌
选项：
A: &gt;
B: &tl; 
C: &copy;
D: &nbsp
答案: 【 &tl; 】

4、单选题：
‍A文件夹与B文件夹是同级文件夹，其中A下有a.htm，B下有b.htm文件，现在我们希望在a.htm文件中创建超链接，链接到b.htm，应该在a.htm页面代码中如何描述链接内容？( )‍
选项：
A: b.htm  
B: ././././B/b.htm 
C: ../B/b.htm  
D: ../../b.htm
答案: 【 ../B/b.htm  】

5、单选题：
‎在插入图片标签中，对插入的图片鼠标移到上面进行文字说明使用的属性是（ ）。‎
选项：
A: name 
B: id 
C: title
D: alt 
答案: 【 title】

6、单选题：
‎在以下标签中，主要用来创建视频和Flash的是( )。‏
选项：
A: <object> 
B: <embed> 
C: <form> 
D: <marquee>
答案: 【 <embed> 】

7、单选题：
‌我们想要将表格中的文字放在靠上居中的位置，应该怎么办？（ ） ‏
选项：
A: align="middle"  align=“top”
B: align="center"  align=“top”
C: valign="middle"  align="top"
D: align="center"  valign="top"
答案: 【 align="center"  valign="top"】

8、单选题：
‏在HTML中，（  ） 标签用于以预定义的格式显示文本，即文本在浏览器中显示时遵循在HTML源文档中定义的格式。‍
选项：
A: <hr>  
B: ＜img＞
C: <pre> 
D: <br>
答案: 【 <pre> 】

单元2测验

1、单选题：
‍HTML5之前的HTML版本是（  ）。‏
选项：
A: HTML4.01
B: HTML4
C: HTML4.1 
D: HTML4.9
答案: 【 HTML4.01】

2、单选题：
​HTML5的正确doctype是（  ）。​
选项：
A: <!DOCTYPE html>
B: <!DOCTYPE HTML5>
C: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML5.0//EN">
D: <HTML>
答案: 【 <!DOCTYPE html>】

3、单选题：
‌下面关于设置编码格式得语法正确的是（）。‏
选项：
A: <meta charset="UTF-8">
B: <meta charset="UTF-8" http-equiv="Content-Type"content="text/html;charset="UTF-8"/>
C: 以上都错误
D: <meta http-equiv="Content-Type" content="text/html; charset="UTF-8"/>
答案: 【 <meta charset="UTF-8">】

4、单选题：
‌下面哪个标记是不允许写结束标记的？（ ）。‎
选项：
A: li
B: html
C: disabled
D: br
答案: 【 br】

5、单选题：
‌HTML5 中不再支持下面哪个元素？（ ）‏
选项：
A: <q>  
B: <ins>
C: <menu>
D: <font>
答案: 【 <font>】

6、单选题：
​关于HTML5的基本语法，下列说法错误的是（ ）。‏
选项：
A: 在文档开始要定义文档的类型 
B: 元素允许交叉嵌套
C: 空标签最好加“/”来关闭
D: 属性值建议用""括起来
答案: 【 元素允许交叉嵌套】

7、单选题：
​<!DOCTYPE>的作用是( )。‏
选项：
A: 用来定义文档类型
B: 用来向搜索引擎声明网站关键字
C: 用来向搜索引擎声明网站作者
D: 用来声明命名空间
答案: 【 用来定义文档类型】

8、单选题：
‏( )标签是文件头的开始。‍
选项：
A: <html> 
B: <head>
C: <font> 
D: &l