HTML5+CSS3网页制作智慧树知到答案章节测试2023年海南职业技术学院

第一章测试

1. HTML是（ ）。

A:超文本传输协议

B:超文本标记语言

C:其余都不是

D:可扩展标记语言

答案:B

2. 浏览器标题栏里显示的文本在（ ）元素中输入。

A:h1

B:title

C:P

D:body

答案:B

3. 下面哪个不是HTML标签。（ ）

A:

B:

C:

D:

答案:C

4. 在浏览器客户区中显示的文本在（ ）元素中输入。

A:head

B:body

C:meta

D:title

答案:B

5. head元素和body元素的父元素必须是（ ）元素

A:p

B:html

C:title

D:meta

答案:B

6. HTML文档被浏览器解析后呈现为网页。（ ）

A:对

B:错

答案:A

7. 超文本是指页面内可以包含图片、链接、音乐、视频、程序等非文本元素。（ ）

A:对

B:错

答案:A

8. 所有的浏览器都支持HTML5的网页。（ ）

A:错

B:对

答案:A

9. HTML5是HTML语言的新版本。（ ）

A:对

B:错

答案:A

10. HTML负责网页的表现，CSS负责网页的结构。（ ）

A:对

B:错

答案:B

11. 记事本不可以用于编辑网页。（ ）

A:对

B:错

答案:B

12. HTML标签是指由一对尖括号包围的HTML关键词。（ ）

A:错

B:对

答案:B

13. 属于单标签元素。（ ）

A:对

B:错

答案:A

14. 在带Emmet插件的编辑器中输入html:5，按TAB键，可以快速生成HTML文档的基本结构。（ ）

A:对

B:错

答案:A

15. “开始标签”、“结束标签”，以及它们所包围的内容，代表一个完整的内容，叫做双标签元素。（ ）

A:对

B:错

答案:A

第二章测试

1. 下列HTML元素中，哪个不是单标签元素。（ ）。

A:img

B:hr

C:br

2.

3.

4.

5.

6.

7.

8.

9.

D:h1

答案:D

最大的标题是（ ）。

A:h2

B:h5

C:H6

D:h1

答案:D

自定义列表用（ ）元素表示。

A:dd

B:ul

C:dl

D:ol

答案:C

HTML5表格用（ ）元素表示。

A:input

B:form

C:table

D:lable

答案:C

从一个网页跳转到另一个网页可以用（ ）元素。

A:a

B:p

C:dd

D:h

答案:A

通过img元素显示图像是直接在网页上画图。（ ）

A:错

B:对

答案:A

无序列表中的列表项是不分顺序的。（ ）

A:对

B:错

答案:A

无序列表中的列表项前会显示不一样的图标。（ ）

A:对

B:错

答案:B

有序列表中的列表项前会显示不一样的序号。（ ）

A:错

B:对

答案:B

10. HTML表格由若干行组成，每行由若干单元格组成。（ ）

A:错

B:对

答案:B

11. 表单是用户上传数据用的控件集合。（ ）

A:错

B:对

答案:B

12. HTML文档中的换行符在浏览器中会表现为换行。（ ）

A:对

B:错

答案:B

13. hr元素会显示一个水平线。（ ）

A:对

B:错

答案:A

14. audio元素和video元素支持所有的音频和视频格式。（ ）

A:错

B:对

答案:A

15. form元素是双标签元素。（ ）

A:对

B:错

答案:A

第三章测试

1. style元素最好写在（ ）的上面。

A:

B:

C:

D:

答案:D

2. CSS代码可以分为（ ）。

A:内部样式表

B:行内样式表

C:行外样式表

D:外部样式表

答案:ABD

3. 为一个元素设置多个类名的正确写法是（ ）。

A:其余都不是

B:

…

C:

…

D:

…

答案:D

4. 颜色值用（ ）位十六进制表示。

A:一位或三位

B:二位或四位

C:三位或六位

D:六位或八位

答案:C

5. 边框属性的设置“border : solid 1px #f00 ; ”中的solid值代表（ ）。

A:颜色

B:线型

C:粗度

D:位置

答案:B

6. 如果class=“a”和class=“b”的元素设置相同的样式，正确的写法是（ ）。

A:.a >>.b{…}

B:.a >.b{…}

C:.a .b{…}

D:.a , .b{…}

答案:D

7. 让块级元素在其父容器内左右居中的写法正确的是（ ）。

A:margin-top:auto; margin-bottom:auto;

B:margin:auto 0;

C:margin:0 auto;

D:其他都不对

答案:C

8. 下列哪个是HTML注释（ ）。

A:< >

B:/* */

C:

D://

答案:C

9. 边框属性的设置{border-bottom : none ;} 表示（ ）。

A:下边框粗度

10.

11.

12.

13.

14.

15.

16.

17.

18.

B:下边框颜色

C:下边框为无

D:下边框线型

答案:C

下列哪个是CSS的注释符？（ ）

A:

B:< >

C:/* */

D://

答案:C

外部样式表是指写在.css文件内的CSS代码。（ ）

A:对

B:错

答案:A

在CSS代码或JavaScript代码中，可以通过类名引用元素。（ ）

A:错

B:对

答案:B

一个网页上的多个元素不可以有相同的类名。（ ）

A:错

B:对

答案:A

样式表由一条条CSS规则组成，CSS规则由选择器和属性列表组成。（ ）

A:错

B:对

答案:B

选择器是写在{}前面的表达式，指出样式作用于网页上的哪些元素。（ ）

A:错

B:对

答案:B

独占一行的元素叫块级元素。（ ）

A:对

B:错

答案:A

元素浮动是指元素脱离标准文档流，向左或向右移动。（ ）

A:错

B:对

答案:B

内外嵌套的块级元素发生上下外边距重叠后，外边距最终表现为子元素的外边距。（ ）

A:错

B:对

答案:A

19. 为父元素设置overflow:hidden; 不能消除上下外边距重叠。（ ）

A:对

B:错

答案:B

20. 默认情况下，给元素设置的width（宽）和height（高）是内容盒子的宽高。（ ）

A:错

B:对

答案:B

第四章测试

1. HTML代码中的“<>”在浏览器内显示为（ ）。

A:<>

B:<>

C:乱码

D:><

答案:A

2. link元素中（ ）属性指出外部样式表的路径。

A:href

B:type

C:src

D:rel

答案:A

3. 以下哪项是颜色值#00f的其他表示形式。 （ ）

A:rgb(0,0,255)

B:blue

C:#0000ff

D:其余都是

答案:D

4. .div1 > .left > p是（ ）选择器。

A:子代

B:多类

C:id

D:通配符

答案:A

5. 表示首行缩进的CSS属性是（ ）？

A:font-family

B:text-decoration

C:display

D:text-indent

答案:D

6. a元素的链接目标对象可以是 （ ）。

A:图像文件

B:其余都可以

C:文本文件

D:网页文件

答案:B

7. font-weight的默认值（常规粗度）是（ ）。

A:700

B:900

C:400

D:500

答案:C

8. 去掉超链接的下画线要设置其（ ）CSS属性。

A:text-overflow

B:color

C:text-decoration

D:border

答案:C

9. .div1 .left p是（ ）选择器

A:id

B:通配符

C:多类

D:后代

答案:D

10. 两个块级元素变成行内块后它们的CSS vertical-align属性的默认值是（A:top

B:baseline

C:bottom

D:left

答案:B

11. 表示上标的元素是（ ）。

A:bottom

B:Top

C:sup

D:sub

答案:C

12. .title:hover是（ ）选择器。

A:通配符

B:多类

C:子代

）。

13.

14.

15.

16.

17.

18.

19.

20.

D:伪类

答案:D

让单行文本在其元素高度内垂直居中的常用方法是给元素设置相等的height和line-height。（ ）

A:错

B:对

答案:B

line-height:150%的含义是行高为元素的font-size*1.5，子元素直接继承该行高值。（ ）

A:错

B:对

答案:B

span元素在需要设置行内局部样式时可使用。（ ）

A:错

B:对

答案:B

用通配符选择器（*）不会影响元素原有的重要特征。（ ）

A:错

B:对

答案:A

一个元素不能有多个id名，不同的元素可以有相同的id名。（ ）

A:错

B:对

答案:A

如果同时设置了ul的list-style-type（circle）和list-style-image两个CSS属性，那么列表项标记是自定义图像。（ ）

A:对

B:错

答案:A

a:last-child表示属于其父元素的最后一个子元素的a元素。（ ）

A:对

B:错

答案:A

空格的HTML实体表示形式是（ ）。

A: 

B:&

C:<

D:>

答案:A

第五章测试

1. figure元素内可以用（ ）元素表示图片的标题。

A:h

B:figcaption

C:P

D:title

答案:B

2. img元素的必需属性是（ ）。

A:alt

B:src

C:height

D:width

答案:B

3. 行内元素和行内块元素的CSS属性vertical-align（即垂直对齐方式）的默认值是（ ）。

A:bottom

B:top

C:baseline

D:center

答案:C

4. 元素的圆角用（ ）CSS属性设置。

A:border-color

B:text-overflow

C:vertical-align

D:border-radius

答案:D

5. 图片的不透明度、元素背景色和文本颜色的不透明度用（ ）CSS属性表示。

A:opacity

B:color

C:position

D:decoration

答案:A

6. img元素的alt属性表示鼠标悬停在元素上时要显示的文本。（ ）

A:对

B:错

答案:B

7. img元素的width和height这两个CSS属性是图片本身的尺寸。（ ）

A:对

B:错

答案:B

8. background-size属性表示背景图像的显示尺寸。（ ）

A:对

B:错

答案:A

9. background-attachment 属性表示背景图像是否随着页面的其余部分滚动。（ ）

A:对

B:错

答案:A

10. title属性是任何HTML元素都可以设置的全局属性。（ ）

A:对

B:错

答案:A

第六章测试

1. table元素的CSS 属性display的默认值是（ ）。

A:table

B:Inline-table

C:none

D:block

答案:A

2. table元素内可以使用但不是必需的元素有（ ）。

A:caption

B:thead

C:tfoot

D:其他都是

答案:D

3. 如果一个td元素设置了colspan=“4”，那么其后的td要删掉（ ）个。

A:3

B:6

C:5

D:4

答案:A

4. （ ）属性表示表格的边框、单元格的边框是否被合并为一个单一的边框。

A:text-overflow

B:border-collapse

C:border-radius

D:border-color

答案:B

5. table内才可以写tr，tr内才可以写td。（ ）

A:对

B:错

答案:A

6. 表格在默认情况下有边框。（ ）

A:错

B:对

答案:A

7. 表格的边框在默认情况下是合并的。（ ）

A:错

B:对

答案:A

8. tr的边框线在表格的边框是合并（border-collapse:collapse）的情况下才有效。（ ）

A:错

B:对

答案:B

9. rowspan属性表示该单元格横跨的行数。（ ）

A:错

B:对

答案:B

10. :nth-of-type(n)选择器表示属于父元素的第n个特定子元素的那些元素。（ ）

A:对

B:错

答案:A

第七章测试

1. form元素的（ ）属性指出“提交”按钮被点击后跳转到哪个网页。

A:name

B:for

C:action

D:type

答案:C

2. position的默认值是（ ）。

A:relative

B:static

C:fixed

D:absoulte

答案:B

3. （ ）元素表示分组框。

A:fieldset

B:legend

C:label

D:select

答案:A

4. HTML表单是指用于采集用户输入的信息，并提交给Web服务器，实现人机交互功能所必需的网页组成部分。（ ）

A:错

B:对

答案:B

5. 表单控件可以不用form元素包围。（ ）

A:错

B:对

答案:A

6. label元素的for属性用于将label元素与表单控件关联起来。（ ）

A:错

B:对

答案:B

7. option元素的value属性表示该列表项被选定时提交给服务器的数据。（ ）

A:错

B:对

答案:B

8. 表单控件的name属性指明表单控件里的数据被提交后被保存到哪个服务器变量中。（ ）

A:错

B:对

答案:B

9. 相对定位是指元素基于浏览器窗口来定位。（ ）

A:对

B:错

答案:B

10. 下列哪项表示空格的HTML实体。（ ）

A:&emsp

B: 

C:&ensp

D:其余都是

答案:D

第八章测试

1. 页眉通常要包含的元素是（ ）。

A:搜索框

B:其余都是

C:网站名称

D:网站Logo

答案:B

2. （ ）函数用于创建一个表示两种或多种颜色线性渐变的图片。

A:rgba()

B:radial-gradient()

C:linear-gradient()

D:var()

答案:C

3. 页眉内元素的横排可以通过行内块实现。（ ）

A:错

B:对

答案:B

4. box-sizing:border-box;表示width和height将是元素边框盒的宽高。（ ）

A:错

B:对

答案:B

5. 页眉内元素的水平位置和垂直位置一般通过上外边距和水平外边距控制。（ ）

A:错

B:对

答案:B

6. 超过页眉高度的背景一般是header的背景。（ ）

A:错

B:对

答案:A

7. Logo图片可以作为前景图像，但不能作为背景图像。（ ）

A:错

B:对

答案:A

8. 页眉中，水平分布的导航，可以简单地用nav>a结构组织。（ ）

A:对

B:错

答案:A

9. 页眉一般用两层盒子布局，外层用header元素，内层用div。（ ）

A:对

B:错

答案:A

10. a元素的target属性表示链接内容在何处打开。（ ）

A:错

B:对

答案:B

第九章测试

1. 下拉菜单的定位类型应该是（ ）。

A:绝对定位

B:静态定位

C:相对定位

D:固定定位

答案:A

2. 下拉菜单以（ ）进行隐藏。

A:display:inline;

B:display:black;

C:display:none;

D:display:inline-black;

答案:C

3. 下列哪项是把元素的左下角设置为圆角？（ ）

A:border-top-right-radius:5px;

B:border-bottom-right-radius:5px;

C:border-bottom-left-radius:5px;

D:border-top-left-radius:5px;

答案:C

4. link元素的（ ）属性规定当前文档与被链接文档之间的关系。

A:type

B:rel

C:href

D:media

答案:B

5. 页眉下拉菜单以ul>li>a的结构来组织。（ ）

A:错

B:对

答案:B

6. 下拉菜单的定位参考元素（即定位范围）应该是它的父元素，即其顶部菜单项。（ ）

A:对

B:错

答案:A

7. 下拉菜单的宽度设置为100%是跟它的父元素一样宽。（ ）

A:错

B:对

答案:B

8. 主导航是指向网站内所有网页的链接集合。（ ）

A:错

B:对

答案:B

9. 顶部菜单项上鼠标悬停时显示下拉菜单以display:none;恢复显示。（ ）

A:对

B:错

答案:B

10. 顶部导航的布局一般用浮动实现。（ ）

A:错

B:对

答案:B

第十章测试

1. position:relative;表示（ ）。

A:绝对定位

B:相对定位

C:固定定位

D:静态定位

答案:B

2. 网页上的图片描述不正确的是（ ）。

A:可以调整图片在网页上显示的大小。

B:jpg格式的图片可以在网页上使用。

C:网页上引用的图片必须与网页文件在同一个服务器上。

D:网页上的图片可以作为超链接。

答案:C

3. 横幅广告可以是静态图像，也可以是动态图像。（ ）

A:错

B:对

答案:B

4. 横幅广告是网络广告常见形式，一般位于网页的醒目位置。（ ）

A:错

B:对

答案:B

5. 网页上的图片显示尺寸可以不进行设置，即使日后更换成其他图片，也不会影响网页布局。（ ）

A:错

B:对

答案:A

6. 横幅广告有窄幅广告和宽幅广告。（ ）

A:错

7.

8.

9.

10.

B:对

答案:B

任务10.1中，图片不设置高度时保持原始宽高比，设置高度会破坏原始宽高比。（ ）

A:错

B:对

答案:B

任务10.2中，通过对横幅广告的盒子设置text-align: center; 能让图片始终居中。（ ）

A:错

B:对

答案:A

单张静态图片宽幅广告的实现一般用固定高度的盒子和绝对定位图片的方法。（ ）

A:错

B:对

答案:B

多张轮播图片广告需要编写前端脚本来实现。（ ）

A:错

B:对

答案:B

第十一章测试

1. 设置了display: table-cell;的元素的vertical-align属性的默认值是（ ）。

A:baseline

B:text-top

C:top

D:bottom

答案:A

2. 页脚内的水平布局可以用（ ）方法。

A:行内块

B:浮动

C:table/table-cell

D:其余都可以

答案:D

3. 用浮动的方法来实现若干盒子的水平分布，必须要对父元素设置清除浮动的样式。（ ）

A:错

B:对

答案:B

4. 设置了display: table;的元素默认情况下不会独占一行。（ ）

A:错

B:对

答案:A

5. 网页上可以没有页脚。（ ）

A:错

B:对

答案:A

6. 页脚可用于显示地址、联系方式、版权信息、友情链接、技术支持信息等等。（ ）

A:对

B:错

答案:A

7. 设置了用table/table-cell的方法来实现若干盒子的水平分布，必须对table-cell元素设置统一的vertical-align属性。（ ）

A:对

B:错

答案:A

8. 页脚用语义化元素footer。（ ）

A:对

B:错

答案:A

9. 设置了display: table;的元素默认情况下，会占满父元素的可用宽度。（ ）

A:错

B:对

答案:A

10. 页脚最好不设置高度，通过设置垂直内边距来达到内容的垂直居中。（ ）

A:错

B:对

答案:B