东师21春《HTML5开发基础与应用》离线作业2[答案]

东师21春《HTML5开发基础与应用》离线作业2[答案]满分答案

要求：在本文档中的题目下作答，提交本word文档即可。
新一轮的挑战开始啦~
在导航部位新添加一个照片墙超链接（见图一），点击进入新页面（见图二）。大家要多加尝试练习，让你的页面更加丰富炫目。做一个照片墙来回忆一下度过的美好时光。
任务：在空白处补全代码，将照片列表中喜欢的照片拖放到心形当中，并且可以再次拖回照片列表，打造出一个完美的照片墙。
（图一）

（图二）

 
<div class="img" ondragover="allowDrop(event)" ondrop="drop(event)">
<img id="drag1" draggable="true" ondragstart="drag(event)" src=/aopenglixianzuoye/20210810/"img/img-1.jpg">
……此处省略N行代码……
</div>
 <div class="heart">
<div class="heart-item" ondragover="allowDrop(event)" ondrop="drop(event)"></div>
<div class="heart-item fir-mar" ondragover="allowDrop(event)" ondrop="drop(event)"></div>
……此处省略N行代码……
</div>
<script type="text/javascript">
    function drag(ev){
                                     
    }
    function allowDrop(ev){
      ev.preventDefault();
    }
    function drop(ev){
                                   
    }
  </script>
 
1.请在第一处横线上补充drag(ev)方法中的代码。
2.请在第二处横线上补充drop(ev)方法中的代码。

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

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