HTML5技术应用智慧树知到答案章节测试2023年烟台职业学院

模块一测试

1. 下面选项中，设置HTML5中的网页标题的是（ ）。

A:

网页标题

B:

网页标题

C:

网页标题

D:

网页标题

答案:D

2. HTML5中可替代

标记来定义页面底部的元素是（ ）。

A:header

B:footer

C:nav

D:aside

答案:B

3. 可以声明标签图像路径的属性是（ ）。

A:src

B:alt

C:width

D:height

答案:A

4. 下列标记中，用来显示题目的标记是（ ）。

A:

B:

C:

D:

答案:BD

5. 下列标记中，可以进行列表嵌套的标记是（ ）。

A:

B:

C:

D:

答案:AD

6. 下列标记中，可以实现文字加粗标记是（ ）。

A:

B:

C:

7.

8.

9.

10.

D:

答案:AC

下列图片类型中支持透明的图像格式有（ ）。

A:jpg格式

B:jpeg格式

C:gif格式

D:png格式

答案:CD

下列标记中，可以设置有序列表某个列表项序号值的属性是（ ）。

A:start

B:type

C:value

D:src

答案:C

关于定义无序列表的基本语法格式，以下描述错误的是（ ）。

A:

不可以定义type属性，只能使用CSS样式属性代替

B:

标记用于定义无序列表

C:每对

中至少应包含一对

D:

标记嵌套在

标记中，用于描述具体的列表项

答案:A

下列标记中属于文本格式化标记的是（ ）。

A:

B:

C:

D:

答案:ABCD

模块二测试

1. 在以下的 HTML 中，哪个是正确引用外部样式表的方法？（ ）

A:

B:

C:

D:

答案:A

2. 在HTML页面中，定义内部样式表的标签是（ ）

A:

B:

3.

4.

5.

6.

7.

8.

9.

C:

D:

答案:D

下列哪个选项的 CSS 语法是正确的？（ ）

A:body:color=black

B:{body:color=black(body}

C:body {color: black}

D:{body;color:black}

答案:C

如何在 CSS 文件中插入注释？（ ）

答案:B

哪个 CSS 属性可控制文本的尺寸？（ ）

A:font-size

B:text-style

C:font-style

D:text-size

答案:A

关于 border-radius 说法正确的是（ ）。

A:设置边框的圆角

B:不能设置成圆形

C:设置容器样式

D:只能设置一个值

答案:A

设置元素右边距的属性是（ ）

A:margin

B:margin-right

C:text-indent

D:indent

答案:B

为

元素添加背景颜色的css样式是（ ）

A:all.h1 {background:#FFFFFF}

B:.all {background-color:#FFFFFF}

C:h1 {background-color:#FFFFFF}

D: {background-color:#FFFFFF}

答案:D

下列哪个不属于CSS文本属性？（ ）

A:text-align

B:line-through

C:text-transform

D:font-size

答案:B

10. 下列关于margin值得描述正确的是（ ）。

A:当margin给一个值时，指的是四个方向

B:当margin有四个值时，指的是上、下、左、右

C:当margin有两个值时，指的是左右、上下

D:当margin有三个值时，指的是上、左右、下

答案:AD

模块三测试

1. 下列样式代码中，可以将标记转换为块元素的是（ ）。

A:display:none;

B:display:inline;

C:display:inline-block;

D:display:block;

答案:D

2. 下列样式代码中，可实现元素的溢出内容被修剪，且被修剪的内容不可见的是（ ）。

A:overflow: auto;

B:overflow: scroll;

C:overflow:visible;

D:overflow: hidden;

答案:D

3. 关于 flex 说法正确的是（ ）。

A:flex 是指设置固定定位

B:不是任何一个容器都可以使用 flex 弹性布局

C:设置 flex:1 无意义

D:设置 flex 布局以后，子元素的 float 和 clear 等样式全部失效

答案:D

4. 下列样式代码中，可以实现固定定位模式的是（ ）。

A:position: static;

B:position: relative;

C:position: absolute;

D:position: fixed;

答案:D

5. 下列关于浮动float的说法错误的是（ ）。

A:不可以通过伪类清除浮动

B:浮动会产生块级框，而不管元素本身是什么

C:浮动使元素脱离文档普通流，漂浮在普通流之下

D:永远只能向左浮动

答案:ACD

6. 下列属于块级元素的是（ ）。

A:p

B:div

7.

8.

9.

10.

C:span

D:A

答案:AB

在CSS中，clear属性用于清除浮动，下列选项中属于clear常用属性值的是（ ）。

A:center

B:both

C:left

D:right

答案:BCD

使块级元素水平居中，需要遵循以下哪些条件（ ）。

A:为元素设置高度（height）

B:为元素设置宽度（width）

C:使元素浮动（float）

D:将元素左右外边距的值设置为auto

答案:BD

CSS中，相对定位的盒子仍然占用文档流中的位置。（ ）

A:错

B:对

答案:B

如果想为元素设置相对定位，需要设置 position:absolute。（ ）

A:对

B:错

答案:B

模块四测试

1. 下列选项中，用来定义下拉列表的标记是（ ）。

A:

B:

C:

D:

答案:A

2. 在下列的 HTML 中，哪个标签可以产生文本区域（ ）。

A:

B:

C:

D:

答案:D

3. 下列选项中，用于指定表单是否有自动完成功能的属性是（ ）。

A:novalidate

B:action

C:autocomplete

4.

5.

6.

7.

8.

9.

10.

D:method

答案:C

下列选项中，专门用于定义输入搜索关键词的input元素类型是（ ）。

A:number类型

B:email类型

C:search类型

D:tel类型

答案:C

HTML5中，用于指定页面加载后是否自动获取焦点的input属性是（ ）。

A:multiple属性

B:autofocus属性

C:form属性

D:autocomplete属性

答案:B

在HTML5中，用于指定输入框中的内容是必须填写的input属性是（ ）。

A:required属性

B:autofocus属性

C:multiple属性

D:autocomplete属性

答案:A

在定义单选按钮时，必须为同一组中的选项指定相同的name值，这样“单选”才会生效。（ ）

A:错

B:对

答案:B

novalidate属性指定在提交表单时取消对表单进行有效的检查。（ ）

A:错

B:对

答案:B

在HTML中，

标记用于定义表单域，即创建一个表单，以实现用户信息的收集和传递。（ ）

A:对

B:错

答案:A

在定义下拉菜单时，需要通过标签提供下拉菜单选项，选项中的value属性决定该选项提交的值。（ ）

A:错

B:对

答案:B

模块五测试

1. HTML5中，调用网络视频文件的方法和调用音频文件方法类似，也需要获取相关视频文件的（ ）。

A:URL地址

B:文件名称

C:文件数目

D:文件类型

答案:A

2. 在HTML5中，video元素的loop属性用于（ ）。

A:音频循环播放

B:视频静音播放

C:当视频结束时重新开始播放

D:视频自动播放

答案:C

3. 在网页设计中，运用（ ）属性即可调用多媒体文件，该属性不仅可以指定相对路径的多媒体文件，还可以指定一个完整的URL地址。

A:preload

B:control

C:loop

D:source

答案:D

4. 在HTML5中，video标签支持三种视频格式，分别为Ogg、WebM和（ ）。

A:Vorbis

B:Wav

C:MPG4

D:MP3

答案:C

5. 在HTML5中，audio标签的（ ）属性用于当页面载入完成后自动播放音频。

A:autoplay

B:poster

C:loop

D:control

答案:A

6. 在HTML5中，video元素包含下列哪些属性（ ）。

A:preload

B:loop

C:Autoplay

D:poster

答案:ABCD

7. 在HTML5中，source元素包含（ ）属性。

A:control属性

B:type属性

C:src属性

D:poster属性

答案:BC

8. 视频编解码器主要有（ ）。

A:Theora

B:AAC

C:H.264

D:VP8

答案:ACD

9. 在HTML5中，运用source元素可以为video元素或audio元素提供多个备用文件。（ ）

A:对

B:错

答案:A

10. 在不同的浏览器中，相同的视频其播放控件的显示样式可能不同。（ ）

A:错

B:对

答案:B

模块六测试

1. 设定动画会在奇数次数正常播放，而在偶数次数逆向播放的代码为（ ）。

A:animation-direction:true;

B:animation-direction:false;

C:animation-direction:normal;

D:animation-direction:alternate;

答案:D

2. 认真阅读下列代码，并按要求进行作答。animation-name:mymove; /定义动画名称/animation-duration:5s; /定义动画时间/animation-timing-function:linear; /定义动画速度曲线/animation-delay:2s; /定义动延迟时间/animation-iteration-count:3; /定义动画的播放次数/animation-direction:alternate; /定义动画播放的方向/animation属性是一个复合属性，可以同时设置上述属性的代码为（ ）。

A:animation: mymove 3 2s linear 5s alternate;

B:animation: mymove 2s linear 5s 3 alternate;

C:animation: mymove linear 2s 5s 3 alternate;

D:animation: mymove 5s linear 2s 3 alternate;

答案:D

3. 下列选项中，用于定义整个动画效果完成所需要时间的属性是（ ）。

A:animation-delay属性

B:animation-timing-function属性

C:animation-direction属性

4.

5.

6.

7.

8.

9.

10.

D:animation-duration属性

答案:D

在3D变形中，指定元素围绕Y轴旋转的函数是（ ）。

A:rotateZ()函数

B:rotateY()函数

C:rotateX()函数

D:rotate3d()方法。

答案:B

下列选项中，用于指定应用过渡效果的CSS属性名称的属性是（ ）。

A:transition-duration属性

B:transition-delay属性。

C:transition-timing-function属性

D:transition-property属性

答案:D

transition-property 属性用于指定应用过渡效果的CSS属性的名称，其属性值有（ ）。

A:none

B:property

C:true

D:all

答案:ABD

使用transform属性可以实现变形效果。下列选项中，属于transform变形效果的是（ ）。

A:倾斜

B:缩放

C:旋转

D:平移

答案:ABCD

下列选项中，属于animation-timing-function常用属性值的是（ ）。

A:ease-in

B:ease-in-out

C:ease-out

D:linear

答案:ABCD

使用animation属性时必须指定animation-name和animation-duration属性，否则持续的时间为0，并且永远不会播放动画。（ ）

A:错

B:对

答案:B

transform属性的默认值为none，适用于内联元素和块元素，表示不进行变形。（ ）

A:错

B:对

答案:B

模块七测试

1. 下列选项中，能够从其父元素中选中第 2个子元素p，正确写法是（ ）。

A:p:first-child

B:p:nth-of-type(2)

C:p:nth-last-child(2)

D:p:nth-child(2)

答案:D

2. 下列不属于弹性盒布局的属性的是（ ）

A:flex-wrap

B:flex-direction

C:align-center

D:align-items

答案:C

3. 要设置盒模型的宽度和高度包括内边距和边框，需要设置的属性是（ ）

A:box-sizing: content-box;

B:box-sizing: border-box;

C:box-sizing:content;

D:box-sizing:border;

答案:B

4. 下列样式代码中，可精确定义元素位置的是（ ）。

A:.special{ position: relative;}

B:.special{ position: absolute; top:20px; left:16px;}

C:.special{ position: absolute;}

D:.special{ position: relative;; top:20px; left:16px;}

答案:BD

5. 关于HTML注释“……”，下列解释正确的是（ ）

A:表示导航栏布局结束。

B:该注释为导航栏模块的注释。

C:表示开始布局导航栏。

D:便于代码的阅读和理解。

答案:ABCD

6. 关于元素的相对定位模式，下列说法正确的是（ ）。

A:当position属性的取值为absolute时，可以将元素定位于相对位置

B:应用相对定位后，元素在文档流中的位置将消失

C:相对定位是将元素相对于他在标准文档流中的位置进行定位

D:可通过边偏移属性改变相对定位元素的位置

答案:CD

7. 下列叙述正确的是（ ）。

A:JavaScript 负责解决交互性问题

B:CSS 负责网页的内容

C:HTML 负责网页的结构

D:CSS 负责网页的美化

答案:ACD

8. 在网页设计中，padding和margin都能起到设置元素之间间距的作用，所以可以互换。（ ）

A:错

B:对

答案:A

9. 在CSS选择器中使用“*”，代表选择所有元素。（ ）

A:错

B:对

答案:B

10. 在CSS中，opacity: 0用于将元素内容的不透明度设置为0，即以透明效果显示。（ ）

A:错

B:对

答案:B