东师21春《HTML5开发基础与应用》期末作业考核[答案]

东师21春《HTML5开发基础与应用》期末作业考核[答案]答案

要求：在本文档中的题目下作答，提交本word文档即可。
上次的作业大家都完成得很棒！笔芯~
接下来我们就去丰富内容啦。Number one在导航部位新添加一个动画页面链接。常言道：爱在心口难开。表达爱怎么能少的了❤呢。
任务：在ABC页面让来我们来制作一个心型的动画，来获取芳心吧。
 


图上是用canvas画出的动态的心形图片，参考代码如下：
<img id="flower" src=http://www.apycfd.com/dongshilixian/"img/img-1.jpg">
<canvas id="drawing" width="520" height="500"></canvas>
  <script type="text/javascript">
    var drawing = document.getElementById("drawing"),
        pic = document.getElementById('flower'),
        content = drawing.getContext("2d"),
        radian = 0,
        radian_add = Math.PI/40;
    content.translate(250,250);
    function heart(){
      X = getX(radian);
      Y = getY(radian);
               （1）                 //在给定坐标位置绘制给定大小的图片
      radian+=radian_add;
      if (radian > (2*Math.PI)){ //绘制完整的心型线后取消间歇调用
        clearInterval(intervalId);
      }
    }
    intervalId = setInterval(heart,100);  //设置间歇调用，间隔为100ms
  function getX(t){  //获取心型线的X坐标
    return 10*(16*Math.pow(Math.sin(t),3))
  }

  function getY(t){  //获取心型线的Y坐标
               （2）                  
  }


1.请用在给定坐标位置绘制给定大小的图片，在空白（1）处填写代码。

2.请在空白填（2）处获取心型线的Y坐标，填写代码。

东师21春《HTML5开发基础与应用》期末作业考核[答案]历年参考题目如下：

HTML5开发基础与应用（20秋）形考作业3

试卷总分:100  得分:100

一、单选题 (共 10 道试题,共 40 分)

1.formenctype 重写表单的 （）属性

A.action

B.enctype

C.method

D.novalidate

 

2.下列说法中，正确的是：（ ）。

A.当一个元素设置了display:flex，那么::first-letter伪元素是不会生效的

B.::first-letter伪元素对于块级标记是不会生效的

C.::first-letter用于设置元素的任何元素的第一个字符

D.::first-letter兼容主流浏览器

 

3.（）验证Input输入域的格式，即正则表达式

A.novalidate

B.autofocus

C.pattern

D.wrap

 

4.对于last-child说法正确的是（）

A.设置父元素中的最后一个子元素样式

B.选择元素中的是子元素，而不是后代元素

C.设置父元素中的第一个子元素样式

D.无

 

5.下列描述中，可以把一个盒子设置成半圆型的是：（ ）。

A.border-radius:100% 100% 0 0

B.border-radius: 0 100% 100% 0

C.border-radius: 100% 0 0 100%

D.border-radius: 100% 100% 100% 0

 

6.被用来指定当元素西湖雨只读状态时的样式的伪类选择器是（）

A.out-of-range

B.in-range

C.read-only

D.read-write

 

7.假如一个元素的线性渐变，设置的角度是0deg,下列和哪个关键词的效果类似：（ ）。

A.to top

B.to bottom

C.to left

D.to right

 

8.()表示的最低点

A.min

B.max

C.low

D.heigh

 

9..结构元素只是为了表示（），要用div及替他的常用标签表示内容

A.结构

B.内容

C.主题

D.风格

 

10.使用场景是安装软件或下载的完成进度的是（）

A.<mark>

B.<progress>

C.<meter>

D.<figure>

 

二、多选题 (共 10 道试题,共 40 分)

11.下列说法中，错误的是：（ ）。

A.background-position的原点必须在左上角

B.background-position的值可以是关键字

C.background-position的值可以是百分比

D.background-positio的值可以是像素值

 

12.可以支持enabld的浏览器包括（）

A.ie

B.Firefox

C.Opera

D.Chrome

 

13.可以支持form的浏览器不包括（）

A.IE

B.Firefox

C.Opera

D.Chrome

 

14.n的类型包括（）

A.数字

B.公式

C.关键字

D.字母

 

15.下列选项中，渐变的关键词格式正确的有：（ ）。

A.to top

B.to top,left

C.to top left

D.left top

 

16.autocomplete的值有（）

A.on

B.off

C.’’

D.true

 

17.下列说法中，正确的是：（ ）。

A.::before添加的元素可以指定大小

B.::before是CSS中，新增加的伪元素

C.::after和::before的作用类似，只是添加内容的位置不同

D.::before只可以在元素的前面添加字符

 

18.关于CSS3说法正确的是（）

A.是css升级版本

B.朝模块化发展

C.W3C仍然在对CSS3规范进行开发

D.CSS3完全向后兼容

 

19.text-overflow需要配合哪个属性使用：（ ）。

A.overflow

B.white-space

C.display

D.text-indent

 

20.background可以设置对象的哪些属性：（ ）。

A.背景颜色

B.背景图片

C.背景位置

D.以上都不可以

 

三、判断题 (共 5 道试题,共 20 分)

21.当一个容器需要被直接定义样式或通过脚本定义行为时，推荐使用section元素。

 

22.在HTML5中已不支持frame框架，但支持iframe框架。

 

23.在HTML5的语法中：html、head、body可以完全省略

 

24.section表示页面中的一个内容区块，比如章节、页眉、页脚或页面中的其他部分。它可以与h1、h2、h3、h4、h5、h6等元素结合起来使用标记文档结构。

 

25.HTML是Hypertext Markup Language的缩写，中文翻译为超文本传输协议