高校邦 HTML5开发技术 答案

高校邦网课 HTML5开发技术 章测试题答案

第一章

1 单选 HTML中新增的output元素用于（  ）

 A. 在页面中输出指定信息

 B. 在页面中添加图形容器

 C. 定义一个数据集

 D. 在页面中添加命令按钮

答案: A

2 单选 HTML5提供了一些专门用于实现页面架构的元素，以下说法不正确的是（  ）

 A. 在页面布局时，提高了代码可读性

 B. 为页面协同开发、维护优化等工作带来了便利

 C. 浏览器的兼容程度不一，页面兼容性降低

 D. 进一步实现了页面结构与页面设计代码的相对分离

答案: C

3 单选 对于email类型的input元素。如果要在输入框中输入1个或多个邮箱地址，需要添加（  ）属性。

 A. autofocus

 B. multiple=true

 C. contentEditable=true

 D. range=true

答案: B

4 单选 如果要求用户在表单输入一个有效的日期，可以设置input元素的type属性为（  ）

 A. month

 B. year    

 C. date

 D. range

答案: C

5 多选 关于以下代码所描述的文本输入框，说法正确的是（  ）

<form>

注册邮箱  <input type="email"  autofocus="autofocus" placeholder="请输入有效的电子邮箱" required="required"/>

</form>

 A. 这个输入框是必填项

 B. 这个输入框在填写时将启用自动补全填写

 C. 在这个输入框里必须输入符合邮箱格式的文本，例如带@符号等

 D. 这个输入框在打开页面时将自动获得焦点

答案: ACD

6 多选 在HTML5中，一些旧的元素不再使用，例如以下的(  )等。

 A. frame

 B. bgsound

 C. canvas

 D. menu

答案: AB

7 多选 下面哪些是HTML5新增的元素？

 A. header

 B. input

 C. nav

 D. aside

答案: ACD

8 多选 关于以下表单输入框的说法，正确的是

<form>

<input type="number" max="100" min="0" step="5" />

<input name="提交" type="submit" />

</form>

 A. 只能输入数字字符

 B. 满足条件的输入不能是负数

 C. 输入的数字不能超过100

 D. 要求输入的要是5的倍数

答案: ABCD

9 多选 如果要设置当前input元素为必填项，则以下横线处应填入（  ）

<input  type="text"       />

 A. autofocus

 B. required="required"

 C. required

 D. autocomplete

答案: BC

第二章

1 单选 如果要在页面播放器面板上显示元素自带的控制按钮工具栏，例如播放/暂停按钮、播放进度条、静音开关等，则需要对媒体元素添加一个（  ）的属性设置。

 A. autoplay="true"

 B. loop="true"

 C. controls="true"

 D. preload="true"

答案: C

2 单选 下面哪个不属于HTML5支持的多媒体元素的事件（ ）

 A. onload

 B. onpause

 C. onplay

 D. onrestore

答案: D

3 单选 canvas元素构建的画布是一个基于二维(x,y)的网格，坐标原点(0,0)位于canvas的（），从原点延x轴（），从原点延y轴（），取值依次递增。

 A. 右上角，从左到右，从上到下

 B. 右下角，从右到左，从下到上

 C. 左下角，从左到右，从下到上

 D. 左上角，从左到右，从上到下

答案: D

4 单选 有这样一个canvas元素：

<canvas id="myCanvas" width="200" height="100"></canvas>

如果有以下代码，则对代码的说明，不正确的是（  ）

<script type="text/javascript">

var c=document.getElementById("myCanvas");

var cxt=c.getContext("2d");

cxt.fillRect(0,0,100,50);

</script>

 A. JavaScript中首先使用id来寻找canvas元素

 B. HTML5通过调用canvas对象的getContext()方法来获取绘图环境

 C. cxt.fillRect(0,0,100,50)语句将从原点开始分别绘制两条线段

 D. canvas对象的大小为宽200px，高100px

答案: C

5 单选 以下代码将在id为myCanvas的canvas元素中绘制出一个（  ）

<script type="text/javascript">

var c=document.getElementById("myCanvas");

var cxt=c.getContext("2d");

cxt.moveTo(0,0);

cxt.lineTo(150,50);

cxt.lineTo(100,1000);

cxt.stroke();

</script>

 A. 圆形

 B. 锐角图形

 C. 钝角图形

 D. 四边形

答案: C

6 单选 以下关于canvas的方法的说明，不正确的是（  ）

 A. bezierCurveTo()用于创建三次方贝塞尔曲线

 B. arc()用于创建弧或曲线

 C. drawImage()用于向画布上绘制图像、画布或视频

 D. moveTo()用于使用路径从画布中的指定点开始创建线条

答案: D

7 单选 autoplay属性用于（  ）

 A. 设置媒体文件是否显示自带的控制按钮

 B. 设置指定的媒体文件在页面打开时是否自动播放

 C. 绘制图形图像

 D. 设置默认显示的图片路径

答案: B

8 单选 HTML5 的正确 doctype 是( )

 A. <!DOCTYPEhtml>

 B. <!DOCTYPEHTML5>

 C. <!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML5.0//EN""http://www.w3.org/TR/html5/strict.dtd">

 D. <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

答案: A

9 单选 用于播放 HTML5 视频文件的正确 HTML5 元素是(  )

 A. <movie>

 B. <video>

 C. <audio>

 D. <media>

答案: B

10 单选 canvas对象中的()方法可用于旋转当前绘图。 

 A. lineTo()

 B. stroke() 

 C. translate() 

 D. rotate()

答案: D