中国大学MOOC【实训】网页设计与制作（HTML+CSS）2024-2025（上）作业答案

【实训】网页设计与制作（HTML+CSS）2024-2025（上）

学校: 无

问题 1: 1. URL 称为（ ）。

选项:

• A. 统一资源定位符

• B. 客户机

• C. 网络服务商

• D. 远程访问

答案: 统一资源定位符

问题 2: 2. 万维网WWW以（ ）方式提供世界范围的多媒体信息服务。

选项:

• A. 文本

• B. 信息

• C. 超文本

• D. 声音

答案: 超文本

问题 3: 3. W3C（英文World Wide Web Consortium的缩写），中文译为“万维网联盟”是（ ）。

选项:

• A. 国际最著名的标准化组织

• B. 欧洲计算机制造商协会

• C. 中国计算机行业协会

• D. 中国计算机学会

答案: 国际最著名的标准化组织

问题 4: 4. 网站是有多张网页组成的，请问正确吗？

选项:

答案: 正确

问题 5: 5. 网页包括静态网页和动态网页，请问正确吗？

选项:

答案: 正确

问题 6: 1. HTML标记可以对（ ）网页元素进行描述。

选项:

• A. 文本

• B. 图片

• C. 动画

• D. 音频

• E. 视频

答案: 文本

问题 7: 2. CSS通常称为CSS样式或样式表，其作用主要是（ ）。

选项:

• A. 文本内容（字体、大小、对齐方式等）

• B. 图片的外形（宽高、边框样式、边距等）

• C. 版面的布局

• D. 页面其他外观显示样式

答案: 请关注公众号【渝开搜题】查看答案

问题 8: 3. HTML（英文Hyper Tex Markup Language）的中文名是（ ）。

选项:

• A. 超连接

• B. 超文本

• C. 超文本传输协议

• D. 超文本标记语言

答案: 请关注公众号【渝开搜题】查看答案

问题 9: 4. CSS目前最常用的版本是（ ）。

选项:

• A. CSS1

• B. CSS2

• C. CSS3

• D. CSS4

答案: 请关注公众号【渝开搜题】查看答案

问题 10: 5. HTML发展至今，经历了六个版本，目前常用的版本是（ ）。

选项:

• A. HTML1.0

• B. HTML2.0

• C. HTML4.0

• D. HTML5

答案: 请关注公众号【渝开搜题】查看答案

问题 11: 6. CSS的全称及中文译名分别是（ ）。

选项:

• A. Cading Style Sheet和层次样式表

• B. Cascading Style Sheet和层次样式表

• C. Cascading Style Sheet和层叠样式表

• D. Cading Style Sheet和层叠样式表

答案: 请关注公众号【渝开搜题】查看答案

问题 12: 1. 对于初学者，计算机上必备的三大浏览器分别是（ ）。

选项:

• A. 火狐浏览器

• B. IE浏览器

• C. 谷歌浏览器

• D. 360浏览器

答案: 请关注公众号【渝开搜题】查看答案

问题 13: 2. 我们一般所用的工作区布局方式是（ ）。

选项:

• A. 经典

• B. 设计器

• C. 流体布局

• D. 编码器

答案: 请关注公众号【渝开搜题】查看答案

问题 14: 3. 主浏览器预览网页的快捷键是（ ）。

选项:

• A. F12

• B. Ctrl+F12

• C. F10

• D. F11

答案: 请关注公众号【渝开搜题】查看答案

问题 15: 4. 次浏览器预览网页的快捷键是（ ）。

选项:

• A. F12

• B. Ctrl+F12

• C. F10

• D. F11

答案: 请关注公众号【渝开搜题】查看答案

问题 16: 5. 下列（ ）工具经常用来设计并制作网页？

选项:

• A. Editplus

• B. notepad++

• C. sublime

• D. Dreamweaver

答案: 请关注公众号【渝开搜题】查看答案

问题 17: 6. 制作网页时，网页素材名、保存网页素材的文件夹名、网页文件名不可以以中文命名，而只能以英文、数字或下划线，或是三者的组合命名，这句话是对还是错？

选项:

答案: 请关注公众号【渝开搜题】查看答案

问题 18: 1. 下面哪个不属于标记？（）

选项:

• A. p

• B. h1

• C. font

• D. color

答案: 请关注公众号【渝开搜题】查看答案

问题 19: 2. ( )不属于元信息标记 的属性。

选项:

• A. name

• B. content

• C. http-equiv

• D. url

答案: 请关注公众号【渝开搜题】查看答案

问题 20: 1. 以下哪个特殊字符能实现空白字符的显示效果？

选项:

• A. &

• B. >

• C.

• D. <

答案: 请关注公众号【渝开搜题】查看答案

问题 21: 1. 以下哪些不属于图片文件格式（）

选项:

• A. jpg

• B. png

• C. gif

• D. img

答案: 请关注公众号【渝开搜题】查看答案

问题 22: 2. 下列哪些不属于图像标记

选项:

• A. border

• B. vspace

• C. color

• D. hspace

答案: 请关注公众号【渝开搜题】查看答案

问题 23: 3. 如果想要在网页中显示图像就需要使用图像标记。这个说法对吗？（）

选项:

答案: 请关注公众号【渝开搜题】查看答案

问题 24: 4.

选项:

答案: 请关注公众号【渝开搜题】查看答案

问题 25: 1. 下列属于css基础选择器的有（）

选项:

• A. 标记选择器

• B. 类选择器

• C. ID选择器

• D. 通配符选择器

答案: 请关注公众号【渝开搜题】查看答案

问题 26: 2. 内嵌式是将css代码应用_____标记集中写在_____头部标记中。（）

选项:

• A. link body

• B. link head

• C. style head

• D. style body

答案: 请关注公众号【渝开搜题】查看答案

问题 27: 3. 链入式是将所有的样式放一个或多个以css为扩展名的外部样式表文件中，通过____标记将外部样式表文件链接到html文档中。其中_____属性用来设置css文件的路径。

选项:

答案: 请关注公众号【渝开搜题】查看答案

问题 28: 4. css样式中的选择器严格区分大小写，属性和值不区分大小写。（）

选项:

答案: 请关注公众号【渝开搜题】查看答案

问题 29: 1. color属性用于定义文本的颜色，其正确取值有以下哪些方式?（）

选项:

• A. red

• B. #FF0000

• C. rgb(255,0,0)

• D. rgb(100%,0%,0%)

答案: 请关注公众号【渝开搜题】查看答案

问题 30: 2. 设置文本为字号36px，字体为黑体的正确方式是（）？

选项:

• A. font-size:36px; font-face:"黑体";

• B. size:36px; font-family:"黑体";

• C. size:36px; font-face:"黑体";

• D. font-size:36px; font-family:"黑体";

答案: 请关注公众号【渝开搜题】查看答案

问题 31: 3. line-height属性用于设置行间距，以下哪个不是合法的属性值单位？（）

选项:

• A. px

• B. em

• C. cm

• D. %

答案: 请关注公众号【渝开搜题】查看答案

问题 32: 1. 标签指定式选择器又称交集选择器，由两个选择器构成，其中第一个为标记选择器，第二个为class选择器或id选择器，以下合法的标签指定式选择器有（）？

选项:

• A. h1.special

• B. p #one

• C. h1 #one

• D. p .special

答案: 请关注公众号【渝开搜题】查看答案

问题 33: 2. 标记选择器、类选择器和ID选择器中，哪种选择器的优先级最高？

选项:

• A. 标记选择器

• B. 类选择器

• C. ID选择器

• D. 以上都不是

答案: 请关注公众号【渝开搜题】查看答案

问题 34: 3. 在页面中，有2个标题h2、h3和3个段落，它们的字号和颜色都为30px和红色，可以进行如下样式设置：h2,h3,p{font-size:30px; color:red;}，对么？

选项:

答案: 请关注公众号【渝开搜题】查看答案

问题 35: 1. 盒子中的内容与边框的距离称为内边距,用()表示?

选项:

• A. padding

• B. margin

• C. border

• D. content

答案: 请关注公众号【渝开搜题】查看答案

问题 36: 2. 盒子与盒子之间的距离称为外边距，用（）表示？

选项:

• A. padding

• B. margin

• C. border

• D. content

答案: 请关注公众号【渝开搜题】查看答案

问题 37: 3. 网页中每个元素都可以看作是一个矩形的盒子，这句话是对还是错？

选项:

答案: 请关注公众号【渝开搜题】查看答案

问题 38: 4. 网页就是多个盒子嵌套排列的结果，这句话是对还是错？

选项:

答案: 请关注公众号【渝开搜题】查看答案

问题 39: 5. 内边距出现在内容区域的周围，当给元素添加背景色或背景图像时，该元素的背景色或背景图像也将出现在内边距中。这句话是对还是错？

选项:

答案: 请关注公众号【渝开搜题】查看答案

问题 40: 6. 盒子模型拥有内边距、边框、外边距、宽和高这些基本属性，但是并不要求每个元素都必须定义这些属性。这句话是对还是错？

选项:

答案: 请关注公众号【渝开搜题】查看答案

问题 41: 1. 下面（ ）属性代表边框是虚线？

选项:

• A. solid

• B. dashed

• C. dotted

• D. double

答案: 请关注公众号【渝开搜题】查看答案

问题 42: 2. 下面（ ）属性代表边框是双实线？

选项:

• A. solid

• B. dashed

• C. dotted

• D. double

答案: 请关注公众号【渝开搜题】查看答案

问题 43: 3. 下面（ ）属性代表边框是点线？

选项:

• A. solid

• B. dashed

• C. dotted

• D. double

答案: 请关注公众号【渝开搜题】查看答案

问题 44: 4. 下面（ ）属性代表边框是单实线？

选项:

• A. solid

• B. dashed

• C. dotted

• D. double

答案: 请关注公众号【渝开搜题】查看答案

问题 45: 5. 在设置边框宽度或是边框颜色时，必须同时设置边框样式，如果未设置边框样式或设置为none，则其他样式都无效，请问正确吗？

选项:

答案: 请关注公众号【渝开搜题】查看答案

问题 46: 6. 像font、border、margin、padding和background等属性，都可以设置复合属性。请问正确吗？

选项:

答案: 请关注公众号【渝开搜题】查看答案

问题 47: 7. border-width属性用于设置边框的宽度，其常用的取值单位为像素px，请问正确吗？

选项:

答案: 请关注公众号【渝开搜题】查看答案

问题 48: 8. 在设置border综合属性时，宽度、样式、颜色顺序任意，不分先后，可以只指定需要设置的属性，省略的部分将取默认值（但边框样式不能省略），请问正确吗？

选项:

答案: 请关注公众号【渝开搜题】查看答案

问题 49: 1. 在内边距属性中，下面（）项代表的是左内边距属性？

选项:

• A. padding-top

• B. padding-right

• C. padding-bottom

• D. padding-left

答案: 请关注公众号【渝开搜题】查看答案

问题 50: 2. 在外边距属性中，下面（）项代表的是上外边距属性？

选项:

• A. margin -top

• B. margin -right

• C. margin -bottom

• D. margin –left

答案: 请关注公众号【渝开搜题】查看答案

问题 51: 1. 请问用（）属性设置网页背景图像效果？

选项:

• A. background-color

• B. background-image

• C. background

• D. background-position

答案: 请关注公众号【渝开搜题】查看答案

问题 52: 2. 背景图像平铺background-repeat属性中，下面（）项代表的是沿水平方向平铺？

选项:

• A. repeat

• B. no-repeat

• C. repeat-x

• D. repeat-y

答案: 请关注公众号【渝开搜题】查看答案

问题 53: 3. 请问用（）属性设置网页背景图像固定效果？

选项:

• A. background-color

• B. background-attachment

• C. background-image

• D. background-position

答案: 请关注公众号【渝开搜题】查看答案

问题 54: 4. 在设置背景图像位置属性中，当设置为两个参数时，代表的是水平和垂直方向的坐标，请问正确吗？

选项:

答案: 请关注公众号【渝开搜题】查看答案

问题 55: 1. 假设p标记盒子的width为210px，height为90px，边框宽度为8像素，设置盒子的内边距padding为15像素，外边距margin为20像素，则盒子的宽度是（）？

选项:

• A. 240px

• B. 256px

• C. 210px

• D. 226px

答案: 请关注公众号【渝开搜题】查看答案

问题 56: 2. 假设p标记盒子的width为210px，height为90px，边框宽度为8像素，设置盒子的内边距padding为15像素，外边距margin为20像素，则盒子在网页中所占的高度是（）？

选项:

• A. 106px

• B. 146px

• C. 176px

• D. 90px

答案: 请关注公众号【渝开搜题】查看答案

问题 57: 3. 假设p标记盒子的width为210px，height为90px，边框宽度为8像素，设置盒子的内边距padding为15像素，外边距margin为20像素，则盒子的高度是（）？

选项:

• A. 136px

• B. 106px

• C. 90px

• D. 120px

答案: 请关注公众号【渝开搜题】查看答案

问题 58: 4. 盒子宽度属性width和高度属性height仅适用于块级元素，对行内元素无效，请问正确吗？

选项:

答案: 请关注公众号【渝开搜题】查看答案

问题 59: 1. 请问使用display（）属性可以将行内元素转换成块级元素？

选项:

• A. inline

• B. block

• C. inline-block

• D. none

答案: 请关注公众号【渝开搜题】查看答案

问题 60: 2. 请问（）不属于块级元素的特点？

选项:

• A. 默认情况下会独占一行或多行

• B. 可以对其设置宽度、高度、对齐属性

• C. 常用于网页布局和网页结构的搭建

• D. 不可以对其设置宽度、高度、对齐属性

答案: 请关注公众号【渝开搜题】查看答案

问题 61: 3. 请问使用display（）属性可以将行内元素转换成行内块级元素？

选项:

• A. inline

• B. block

• C. inline-block

• D. none

答案: 请关注公众号【渝开搜题】查看答案

问题 62: 4. 请问下列（）组元素都属于块级元素？

选项:

• A. 、
、

• B. 、、

• C. 、
、

• D. 、
、

答案: 请关注公众号【渝开搜题】查看答案

问题 63: 5. 标记常用于定义网页中某些特殊显示的文本，配合class属性使用。它本身没有固定的格式表现，只有应用样式时，才会产生视觉上的变化。当其他行内标记都不合适时，就可以使用标记。请问正确吗？

选项:

答案: 请关注公众号【渝开搜题】查看答案

问题 64: 1. CSS文件的扩展名为( )

选项:

• A. .txt

• B. .xml

• C. .css

• D. .html

答案: 请关注公众号【渝开搜题】查看答案

问题 65: 2. 在CSS中，下面哪一项不属于list-style-position属性（ ）

选项:

• A. 用于控制列表项目符号的图像

• B. 其取值有inside和outside两种

• C. inside：列表项目符号位于列表文本以内

• D. outside：列表项目符号位于列表文本以外

答案: 请关注公众号【渝开搜题】查看答案

问题 66: 3. 下面关于list-style哪一项描述是错误的（ ）

选项:

• A. list-style是用于综合设置列表样式

• B. 其语法格式：list-style:列表项目符号 列表项目符号的位置 列表项目图像

• C. 各个样式之间以冒号隔开

• D. 不需要的样式可以省略

答案: 请关注公众号【渝开搜题】查看答案

问题 67: 1. 设置text-decoration属性的删除线的值为（ ）

选项:

• A. underline

• B. overline

• C. line-through

• D. blink

答案: 请关注公众号【渝开搜题】查看答案

问题 68: 2. 下列选项中，用于清除超链接默认的下划线的是（ ）

选项:

• A. text-decoration:none

• B. text-decoration: underline

• C. text-decoration:overline

• D. text-decoration:line-through

答案: 请关注公众号【渝开搜题】查看答案

问题 69: 3. 下列选项中，属于“target”属性值的是（ ）

选项:

• A. _double

• B. _self

• C. _new

• D. _black

答案: 请关注公众号【渝开搜题】查看答案

问题 70: 4. 下面有关超链接说法不正确的是（ ）

选项:

• A. 创建超链接非常简单，只需用标记环绕需要被链接的对象即可

• B. 其基本语法格式文本或图像

• C. href和target为其常用属性

• D. 标记是一个块状元素标记

答案: 请关注公众号【渝开搜题】查看答案

问题 71: 1. 请选择可以使单元格中的内容进行左对齐的正确HTML标记（ ）

选项:

• A.

• B.

• C.

• D.

答案: 请关注公众号【渝开搜题】查看答案

问题 72: 2. 要使表格的边框不显示，应设置border的值是（ ）

选项:

• A. 1

• B. 0

• C. 2

• D. 3

答案: 请关注公众号【渝开搜题】查看答案

问题 73: 1. 在HTML中，，method表示( )

选项:

• A. 提交的方式

• B. 表单所用的脚本语言

• C. 提交的URL地址

• D. 表单的形式

答案: 请关注公众号【渝开搜题】查看答案

问题 74: 2. 以下关于标记说法不正确的是( )

选项:

• A. 定义的表单元素在一个下拉菜单中显示选项

• B. 定义的表单元素是一个单选按钮

• C. 定义的表单元素通过改变其multiple属性取值可以实现多选

• D. 一般情况下，定义的表单元素以一个下拉列表形式出现

答案: 请关注公众号【渝开搜题】查看答案

问题 75: 1. 下列哪项是使用CSS不可以控制表单控件的有( )

选项:

• A. 字体

• B. 边框

• C. 动画

• D. 内边距

答案: 请关注公众号【渝开搜题】查看答案

问题 76: 2. 下列选项中，用来定义下拉列表的是( )

选项:

• A.

• B.

• C.

• D.

答案: 请关注公众号【渝开搜题】查看答案

问题 77: 3. 下列选项中，属于标记的必须属性的是( )

选项:

• A. size

• B. row

• C. value

• D. cols

答案: 请关注公众号【渝开搜题】查看答案

问题 78: 1. （ ）属性可以清除元素浮动对其他元素的影响。

选项:

• A. clear

• B. overflow

• C. float

• D. color

答案: 请关注公众号【渝开搜题】查看答案

问题 79: 2. float属性值不包括（ ）。

选项:

• A. left

• B. right

• C. none

• D. center

答案: 请关注公众号【渝开搜题】查看答案

问题 80: 3. 当父子元素嵌套时，对子元素设置浮动，不对父元素定义高度，则子元素的浮动会对父元素产生影响，请问（ ）可以清除子元素浮动对父元素的影响？

选项:

• A. overflow:hidden;

• B. clear:right;

• C. clear:both;

• D. 其他

答案: 请关注公众号【渝开搜题】查看答案

问题 81: 4. 由于浮动元素不再占用原文档流的位置，所以他会对页面中其他元素的排版产生影响。

选项:

答案: 请关注公众号【渝开搜题】查看答案

问题 82: 1. 在定位模式中，position属性的属性值包括（ ）。

选项:

• A. static

• B. relative

• C. absolute

• D. fixed

答案: 请关注公众号【渝开搜题】查看答案

问题 83: 2. 绝对定位是将元素依据最近的已经定位（ ）的父元素进行定位，若所有父元素都没有定位，则依据body根元素（即浏览器窗口）进行定位。

选项:

• A. 绝对定位

• B. 固定定位

• C. 相对定位

• D. 静态定位

答案: 请关注公众号【渝开搜题】查看答案

问题 84: 3. position属性（ ）值表示相对定位，其含义是相对于其原文档流的位置进行定位。

选项:

• A. static

• B. relative

• C. absolute

• D. fixed

答案: 请关注公众号【渝开搜题】查看答案

问题 85: 4. 在设置子元素定位时，一般需先设置父元素的定位模式为（ ），然后不需要设置其边偏移量。

选项:

• A. static

• B. relative

• C. absolute

• D. fixed

答案: 请关注公众号【渝开搜题】查看答案

问题 86: 1. “版心”一般在浏览器窗口中水平居中显示，常见的宽度值为（ ）等。

选项:

• A. 960px

• B. 980px

• C. 1000px

• D. 1200px

答案: 请关注公众号【渝开搜题】查看答案

问题 87: 2. 网页模块的命名需要遵循的原则有（ ）。

选项:

• A. 避免使用中文字符命名

• B. 不能以数字开头命名

• C. 不能占用关键字

• D. 用最少的字母达到最容易理解的意义

答案: 请关注公众号【渝开搜题】查看答案

问题 88: 3. （ ）网页中主体内容所在的区域。

选项:

• A. 版心

• B. 版块

• C. 页面

• D. 模块

答案: 请关注公众号【渝开搜题】查看答案

问题 89: 4. （ ）属于驼峰式命名的模块名称。

选项:

• A. topLeftContent

• B. rightcontent

• C. content

• D. footer

答案: 请关注公众号【渝开搜题】查看答案

问题 90: 5. （ ）是网页登录条模块常用的命名。

选项:

• A. loginbar

• B. banner

• C. logo

• D. footer

答案: 请关注公众号【渝开搜题】查看答案

问题 91: 1. 作为一个专业的网页制作人员，当拿到一个页面的效果图时，首先要做的就是准备工作，其中准备工作包括（ ）

选项:

• A. 建立站点

• B. 效果图的分析

• C. 搜索素材

• D. 图片的处理

答案: 请关注公众号【渝开搜题】查看答案

问题 92: 2. （ ）是设置HTML页面中所有元素内外边距为0的通用样式。

选项:

• A. *{ margin:0;padding:0;}

• B. *{ margin:0px;padding:0px;}

• C. body{ margin:0;padding:0;}

• D. p{ margin:0;padding:0;}

答案: 请关注公众号【渝开搜题】查看答案

问题 93: 3. 为了清除各浏览器的默认样式，使得网页在各浏览器中的显示效果一致，在创建好所需的HTML和CSS样式文件后，首先要做的就是对CSS样式进行初始化并声明一些通用的样式，请问正确吗？

选项:

答案: 请关注公众号【渝开搜题】查看答案

问题 94: 4. “站点”对于制作维护一个网站很重要，它能够帮助我们系统地管理网站文件，请问正确吗？

选项:

答案: 请关注公众号【渝开搜题】查看答案

问题 95: 1. 在制作导航栏目时，一般是采用（ ）标记。

选项:

• A. 无序列表ul标记

• B. 有序列表ol标记

• C. 定义列表dl标记

• D. 其他HTML标记

答案: 请关注公众号【渝开搜题】查看答案

问题 96: 2. 当设置ul列表项全部有左边线，为了单独设置第一个列表项无左边线，要用到（ ）复合选择器。

选项:

• A. 后代选择器

• B. 标签指定式选择器

• C. 并集选择器

• D. 基础选择器

答案: 请关注公众号【渝开搜题】查看答案

问题 97: 3. 要实现某个模块通栏显示，是在该模块外边加个外层盒子，并设置其宽度为100%，请问正确吗？

选项:

答案: 请关注公众号【渝开搜题】查看答案

问题 98: 4. 利用overflow:hidden;属性可以清除子元素浮动对父级元素的影响，请问正确吗？

选项:

答案: 请关注公众号【渝开搜题】查看答案

问题 99: 1. 从底部效果图中可以看出，底部是通栏显示，请问是（ ）其通栏显示。

选项:

• A. 加个外层盒子，并设置其宽度为100%显示

• B. 不加个外层盒子，直接设置其宽度为100%显示

• C. 加个外层盒子，并设置其宽度为任意显示

• D. 用其他方法设置

答案: 请关注公众号【渝开搜题】查看答案

问题 100: 2. 请问电脑科技网采用的是（ ）方式进行布局。

选项:

• A. 单列布局

• B. 两列布局

• C. 三列布局

• D. 通栏布局

答案: 请关注公众号【渝开搜题】查看答案

问题 101: 3. （ ）可以实现底部文字居中显示？

选项:

• A. text-align:center;

• B. overflow:hidden;

• C. line-height:20px;

• D. text-decoration:underline;

答案: 请关注公众号【渝开搜题】查看答案