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

作者:奥鹏作业答案 字体:[增加 减小] 来源:东师离线 时间:2021-09-05 07:32

要求:在本文档中的题目下作答,提交本word文档即可。 上次的作业大家都完成得很棒!笔芯~ 接下来我们就去丰富内容啦。Number one在导航部位新添加一个动画页面链接。常言道:爱在心口难开。

东师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的缩写,中文翻译为超文本传输协议

 

作业咨询:
点击这里给我发消息

论文咨询:
点击这里给我发消息

合作加盟:
点击这里给我发消息

服务时间:
8:30-24:00(工作日)