中国大学mooc【实训】网页设计与制作（html+css）2024-2025（上）辅导资料

bb20920d

实训网页设计与制作（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. 页面其他外观显示样式
答案: 请关注ybaotk.com搜题查看答案
问题 8: 3. HTML（英文Hyper Tex Markup Language）的中文名是（ ）。
选项:
•
A. 超连接
•
B. 超文本
•
C. 超文本传输协议
•
D. 超文本标记语言
答案: 请关注ybaotk.com搜题查看答案
问题 9: 4. CSS目前最常用的版本是（ ）。
选项:
•
A. CSS1
•
B. CSS2
•
C. CSS3
•
D. CSS4
答案: 请关注ybaotk.com搜题查看答案
问题 10: 5. HTML发展至今，经历了六个版本，目前常用的版本是（ ）。
选项:
•
A. HTML1.0
•
B. HTML2.0
•
C. HTML4.0
•
D. HTML5
答案: 请关注ybaotk.com搜题查看答案
问题 11: 6. CSS的全称及中文译名分别是（ ）。
选项:
•
A. Cading Style Sheet和层次样式表
•
B. Cascading Style Sheet和层次样式表
•
C. Cascading Style Sheet和层叠样式表
•
D. Cading Style Sheet和层叠样式表
答案: 请关注ybaotk.com搜题查看答案
问题 12: 1. 对于初学者，计算机上必备的三大浏览器分别是（ ）。
选项:
•
A. 火狐浏览器
•
B. IE浏览器
•
C. 谷歌浏览器
•
D. 360浏览器
答案: 请关注ybaotk.com搜题查看答案
问题 13: 2. 我们一般所用的工作区布局方式是（ ）。
选项:
•
A. 经典
•
B. 设计器
•
C. 流体布局
•
D. 编码器
答案: 请关注ybaotk.com搜题查看答案
问题 14: 3. 主浏览器预览网页的快捷键是（ ）。
选项:
•
A. F12
•
B. Ctrl+F12
•
C. F10
•
D. F11
答案: 请关注ybaotk.com搜题查看答案
问题 15: 4. 次浏览器预览网页的快捷键是（ ）。
选项:
•
A. F12
•
B. Ctrl+F12
•
C. F10
•
D. F11
答案: 请关注ybaotk.com搜题查看答案
问题 16: 5. 下列（ ）工具经常用来设计并制作网页？
选项:
•
A. Editplus
•
B. notepad++
•
C. sublime
•
D. Dreamweaver
答案: 请关注ybaotk.com搜题查看答案
问题 17: 6. 制作网页时，网页素材名、保存网页素材的文件夹名、网页文件名不可以以中文命名，而只能以英文、数字或下划线，或是三者的组合命名，这句话是对还是错？
选项:
答案: 请关注ybaotk.com搜题查看答案
问题 18: 1. 下面哪个不属于标记？（）
选项:
•
A. p
•
B. h1
•
C. font
•
D. color
答案: 请关注ybaotk.com搜题查看答案
问题 19: 2. ( )不属于元信息标记 的属性。
选项:
•
A. name
•
B. content
•
C. http-equiv
•
D. url
答案: 请关注ybaotk.com搜题查看答案
问题 20: 1. 以下哪个特殊字符能实现空白字符的显示效果？
选项:
•
A. &
•
B. >
•
C.
•
D. <
答案: 请关注ybaotk.com搜题查看答案
问题 21: 1. 以下哪些不属于图片文件格式（）
选项:
•
A. jpg
•
B. png
•
C. gif
•
D. img
答案: 请关注ybaotk.com搜题查看答案
问题 22: 2. 下列哪些不属于图像标记
选项:
•
A. border
•
B. vspace
•
C. color
•
D. hspace
答案: 请关注ybaotk.com搜题查看答案
问题 23: 3. 如果想要在网页中显示图像就需要使用图像标记。这个说法对吗？（）
选项:
答案: 请关注ybaotk.com搜题查看答案
问题 24: 4.
选项:
答案: 请关注ybaotk.com搜题查看答案
问题 25: 1. 下列属于css基础选择器的有（）
选项:
•
A. 标记选择器
•
B. 类选择器
•
C. ID选择器
•
D. 通配符选择器
答案: 请关注ybaotk.com搜题查看答案
问题 26: 2. 内嵌式是将css代码应用_____标记集中写在_____头部标记中。（）
选项:
•
A. link body
•
B. link head
•
C. style head
•
D. style body
答案: 请关注ybaotk.com搜题查看答案
问题 27: 3. 链入式是将所有的样式放一个或多个以css为扩展名的外部样式表文件中，通过____标记将外部样式表文件链接到html文档中。其中_____属性用来设置css文件的路径。
选项:
答案: 请关注ybaotk.com搜题查看答案
问题 28: 4. css样式中的选择器严格区分大小写，属性和值不区分大小写。（）
选项:
答案: 请关注ybaotk.com搜题查看答案
问题 29: 1. color属性用于定义文本的颜色，其正确取值有以下哪些方式?（）
选项:
•
A. red
•
B.

bb20920d

FF0000
•
C. rgb(255,0,0)
•
D. rgb(100%,0%,0%)
答案: 请关注ybaotk.com搜题查看答案
问题 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:黑体;
答案: 请关注ybaotk.com搜题查看答案
问题 31: 3. line-height属性用于设置行间距，以下哪个不是合法的属性值单位？（）
选项:
•
A. px
•
B. em
•
C. cm
•
D. %
答案: 请关注ybaotk.com搜题查看答案
问题 32: 1. 标签指定式选择器又称交集选择器，由两个选择器构成，其中第一个为标记选择器，第二个为class选择器或id选择器，以下合法的标签指定式选择器有（）？
选项:
•
A. h1.special
•
B. p

bb20920d

one
•
C. h1

bb20920d

one
•
D. p .special
答案: 请关注ybaotk.com搜题查看答案
问题 33: 2. 标记选择器、类选择器和ID选择器中，哪种选择器的优先级最高？
选项:
•
A. 标记选择器
•
B. 类选择器
•
C. ID选择器
•
D. 以上都不是
答案: 请关注ybaotk.com搜题查看答案
问题 34: 3. 在页面中，有2个标题h2、h3和3个段落，它们的字号和颜色都为30px和红色，可以进行如下样式设置：h2,h3,p{font-size:30px; color:red;}，对么？
选项:
答案: 请关注ybaotk.com搜题查看答案
问题 35: 1. 盒子中的内容与边框的距离称为内边距,用()表示?
选项:
•
A. padding
•
B. margin
•
C. border
•
D. content
答案: 请关注ybaotk.com搜题查看答案
问题 36: 2. 盒子与盒子之间的距离称为外边距，用（）表示？
选项:
•
A. padding
•
B. margin
•
C. border
•
D. content
答案: 请关注ybaotk.com搜题查看答案
问题 37: 3. 网页中每个元素都可以看作是一个矩形的盒子，这句话是对还是错？
选项:
答案: 请关注ybaotk.com搜题查看答案
问题 38: 4. 网页就是多个盒子嵌套排列的结果，这句话是对还是错？
选项:
答案: 请关注ybaotk.com搜题查看答案
问题 39: 5. 内边距出现在内容区域的周围，当给元素添加背景色或背景图像时，该元素的背景色或背景图像也将出现在内边距中。这句话是对还是错？
选项:
答案: 请关注ybaotk.com搜题查看答案
问题 40: 6. 盒子模型拥有内边距、边框、外边距、宽和高这些基本属性，但是并不要求每个元素都必须定义这些属性。这句话是对还是错？
选项:
答案: 请关注ybaotk.com搜题查看答案
问题 41: 1. 下面（ ）属性代表边框是虚线？
选项:
•
A. solid
•
B. dashed
•
C. dotted
•
D. double
答案: 请关注ybaotk.com搜题查看答案
问题 42: 2. 下面（ ）属性代表边框是双实线？
选项:
•
A. solid
•
B. dashed
•
C. dotted
•
D. double
答案: 请关注ybaotk.com搜题查看答案
问题 43: 3. 下面（ ）属性代表边框是点线？
选项:
•
A. solid
•
B. dashed
•
C. dotted
•
D. double
答案: 请关注ybaotk.com搜题查看答案
问题 44: 4. 下面（ ）属性代表边框是单实线？
选项:
•
A. solid
•
B. dashed
•
C. dotted
•
D. double
答案: 请关注ybaotk.com搜题查看答案
问题 45: 5. 在设置边框宽度或是边框颜色时，必须同时设置边框样式，如果未设置边框样式或设置为none，则其他样式都无效，请问正确吗？
选项:
答案: 请关注ybaotk.com搜题查看答案
问题 46: 6. 像font、border、margin、padding和background等属性，都可以设置复合属性。请问正确吗？
选项:
答案: 请关注ybaotk.com搜题查看答案
问题 47: 7. border-width属性用于设置边框的宽度，其常用的取值单位为像素px，请问正确吗？
选项:
答案: 请关注ybaotk.com搜题查看答案
问题 48: 8. 在设置border综合属性时，宽度、样式、颜色顺序任意，不分先后，可以只指定需要设置的属性，省略的部分将取默认值（但边框样式不能省略），请问正确吗？
选项:
答案: 请关注ybaotk.com搜题查看答案
问题 49: 1. 在内边距属性中，下面（）项代表的是左内边距属性？
选项:
•
A. padding-top
•
B. padding-right
•
C. padding-bottom
•
D. padding-left
答案: 请关注ybaotk.com搜题查看答案
问题 50: 2. 在外边距属性中，下面（）项代表的是上外边距属性？
选项:
•
A. margin -top
•
B. margin -right
•
C. margin -bottom
•
D. margin –left
答案: 请关注ybaotk.com搜题查看答案
问题 51: 1. 请问用（）属性设置网页背景图像效果？
选项:
•
A. background-color
•
B. background-image
•
C. background
•
D. background-position
答案: 请关注ybaotk.com搜题查看答案
问题 52: 2. 背景图像平铺background-repeat属性中，下面（）项代表的是沿水平方向平铺？
选项:
•
A. repeat
•
B. no-repeat
•
C. repeat-x
•
D. repeat-y
答案: 请关注ybaotk.com搜题查看答案
问题 53: 3. 请问用（）属性设置网页背景图像固定效果？
选项:
•
A. background-color
•
B. background-attachment
•
C. background-image
•
D. background-position
答案: 请关注ybaotk.com搜题查看答案
问题 54: 4. 在设置背景图像位置属性中，当设置为两个参数时，代表的是水平和垂直方向的坐标，请问正确吗？
选项:
答案: 请关注ybaotk.com搜题查看答案
问题 55: 1. 假设p标记盒子的width为210px，height为90px，边框宽度为8像素，设置盒子的内边距padding为15像素，外边距margin为20像素，则盒子的宽度是（）？
选项:
•
A. 240px
•
B. 256px
•
C. 210px
•
D. 226px
答案: 请关注ybaotk.com搜题查看答案
问题 56: 2. 假设p标记盒子的width为210px，height为90px，边框宽度为8像素，设置盒子的内边距padding为15像素，外边距margin为20像素，则盒子在网页中所占的高度是（）？
选项:
•
A. 106px
•
B. 146px
•
C. 176px
•
D. 90px
答案: 请关注ybaotk.com搜题查看答案
问题 57: 3. 假设p标记盒子的width为210px，height为90px，边框宽度为8像素，设置盒子的内边距padding为15像素，外边距margin为20像素，则盒子的高度是（）？
选项:
•
A. 136px
•
B. 106px
•
C. 90px
•
D. 120px
答案: 请关注ybaotk.com搜题查看答案
问题 58: 4. 盒子宽度属性width和高度属性height仅适用于块级元素，对行内元素无效，请问正确吗？
选项:
答案: 请关注ybaotk.com搜题查看答案
问题 59: 1. 请问使用display（）属性可以将行内元素转换成块级元素？
选项:
•
A. inline
•
B. block
•
C. inline-block
•
D. none
答案: 请关注ybaotk.com搜题查看答案
问题 60: 2. 请问（）不属于块级元素的特点？
选项:
•
A. 默认情况下会独占一行或多行
•
B. 可以对其设置宽度、高度、对齐属性
•
C. 常用于网页布局和网页结构的搭建
•
D. 不可以对其设置宽度、高度、对齐属性
答案: 请关注ybaotk.com搜题查看答案
问题 61: 3. 请问使用display（）属性可以将行内元素转换成行内块级元素？
选项:
•
A. inline
•
B. block
•
C. inline-block
•
D. none
答案: 请关注ybaotk.com搜题查看答案
问题 62: 4. 请问下列（）组元素都属于块级元素？
选项:
•
A. 、
、
•
B. 、、
•
C. 、
、
•
D. 、
、
答案: 请关注ybaotk.com搜题查看答案
问题 63: 5. 标记常用于定义网页中某些特殊显示的文本，配合class属性使用。它本身没有固定的格式表现，只有应用样式时，才会产生视觉上的变化。当其他行内标记都不合适时，就可以使用标记。请问正确吗？
选项:
答案: 请关注ybaotk.com搜题查看答案
问题 64: 1. CSS文件的扩展名为( )
选项:
•
A. .txt
•
B. .xml
•
C. .css
•
D. .html
答案: 请关注ybaotk.com搜题查看答案
问题 65: 2. 在CSS中，下面哪一项不属于list-style-position属性（ ）
选项:
•
A. 用于控制列表项目符号的图像
•
B. 其取值有inside和outside两种
•
C. inside：列表项目符号位于列表文本以内
•
D. outside：列表项目符号位于列表文本以外
答案: 请关注ybaotk.com搜题查看答案
问题 66: 3. 下面关于list-style哪一项描述是错误的（ ）
选项:
•
A. list-style是用于综合设置列表样式
•
B. 其语法格式：list-style:列表项目符号 列表项目符号的位置 列表项目图像
•
C. 各个样式之间以冒号隔开
•
D. 不需要的样式可以省略
答案: 请关注ybaotk.com搜题查看答案
问题 67: 1. 设置text-decoration属性的删除线的值为（ ）
选项:
•
A. underline
•
B. overline
•
C. line-through
•
D. blink
答案: 请关注ybaotk.com搜题查看答案
问题 68: 2. 下列选项中，用于清除超链接默认的下划线的是（ ）
选项:
•
A. text-decoration:none
•
B. text-decoration: underline
•
C. text-decoration:overline
•
D. text-decoration:line-through
答案: 请关注ybaotk.com搜题查看答案
问题 69: 3. 下列选项中，属于“target”属性值的是（ ）
选项:
•
A. _double
•
B. _self
•
C. _new
•
D. _black
答案: 请关注ybaotk.com搜题查看答案
问题 70: 4. 下面有关超链接说法不正确的是（ ）
选项:
•
A. 创建超链接非常简单，只需用标记环绕需要被链接的对象即可
•
B. 其基本语法格式文本或图像
•
C. href和target为其常用属性
•
D. 标记是一个块状元素标记
答案: 请关注ybaotk.com搜题查看答案
问题 71: 1. 请选择可以使单元格中的内容进行左对齐的正确HTML标记（ ）
选项:
•
A.
•
B.
•
C.
•
D.
答案: 请关注ybaotk.com搜题查看答案
问题 72: 2. 要使表格的边框不显示，应设置border的值是（ ）
选项:
•
A. 1
•
B. 0
•
C. 2
•
D. 3
答案: 请关注ybaotk.com搜题查看答案
问题 73: 1. 在HTML中，，method表示( )
选项:
•
A. 提交的方式
•
B. 表单所用的脚本语言
•
C. 提交的URL地址
•
D. 表单的形式
答案: 请关注ybaotk.com搜题查看答案
问题 74: 2. 以下关于标记说法不正确的是( )
选项:
•
A. 定义的表单元素在一个下拉菜单中显示选项
•
B. 定义的表单元素是一个单选按钮
•
C. 定义的表单元素通过改变其multiple属性取值可以实现多选
•
D. 一般情况下，定义的表单元素以一个下拉列表形式出现
答案: 请关注ybaotk.com搜题查看答案
问题 75: 1. 下列哪项是使用CSS不可以控制表单控件的有( )
选项:
•
A. 字体
•
B. 边框
•
C. 动画
•
D. 内边距
答案: 请关注ybaotk.com搜题查看答案
问题 76: 2. 下列选项中，用来定义下拉列表的是( )
选项:
•
A.
•
B.
•
C.
•
D.
答案: 请关注ybaotk.com搜题查看答案
问题 77: 3. 下列选项中，属于标记的必须属性的是( )
选项:
•
A. size
•
B. row
•
C. value
•
D. cols
答案: 请关注ybaotk.com搜题查看答案
问题 78: 1. （ ）属性可以清除元素浮动对其他元素的影响。
选项:
•
A. clear
•
B. overflow
•
C. float
•
D. color
答案: 请关注ybaotk.com搜题查看答案
问题 79: 2. float属性值不包括（ ）。
选项:
•
A. left
•
B. right
•
C. none
•
D. center
答案: 请关注ybaotk.com搜题查看答案
问题 80: 3. 当父子元素嵌套时，对子元素设置浮动，不对父元素定义高度，则子元素的浮动会对父元素产生影响，请问（ ）可以清除子元素浮动对父元素的影响？
选项:
•
A. overflow:hidden;
•
B. clear:right;
•
C. clear:both;
•
D. 其他
答案: 请关注ybaotk.com搜题查看答案
问题 81: 4. 由于浮动元素不再占用原文档流的位置，所以他会对页面中其他元素的排版产生影响。
选项:
答案: 请关注ybaotk.com搜题查看答案
问题 82: 1. 在定位模式中，position属性的属性值包括（ ）。
选项:
•
A. static
•
B. relative
•
C. absolute
•
D. fixed
答案: 请关注ybaotk.com搜题查看答案
问题 83: 2. 绝对定位是将元素依据最近的已经定位（ ）的父元素进行定位，若所有父元素都没有定位，则依据body根元素（即浏览器窗口）进行定位。
选项:
•
A. 绝对定位
•
B. 固定定位
•
C. 相对定位
•
D. 静态定位
答案: 请关注ybaotk.com搜题查看答案
问题 84: 3. position属性（ ）值表示相对定位，其含义是相对于其原文档流的位置进行定位。
选项:
•
A. static
•
B. relative
•
C. absolute
•
D. fixed
答案: 请关注ybaotk.com搜题查看答案
问题 85: 4. 在设置子元素定位时，一般需先设置父元素的定位模式为（ ），然后不需要设置其边偏移量。
选项:
•
A. static
•
B. relative
•
C. absolute
•
D. fixed
答案: 请关注ybaotk.com搜题查看答案
问题 86: 1. “版心”一般在浏览器窗口中水平居中显示，常见的宽度值为（ ）等。
选项:
•
A. 960px
•
B. 980px
•
C. 1000px
•
D. 1200px
答案: 请关注ybaotk.com搜题查看答案
问题 87: 2. 网页模块的命名需要遵循的原则有（ ）。
选项:
•
A. 避免使用中文字符命名
•
B. 不能以数字开头命名
•
C. 不能占用关键字
•
D. 用最少的字母达到最容易理解的意义
答案: 请关注ybaotk.com搜题查看答案
问题 88: 3. （ ）网页中主体内容所在的区域。
选项:
•
A. 版心
•
B. 版块
•
C. 页面
•
D. 模块
答案: 请关注ybaotk.com搜题查看答案
问题 89: 4. （ ）属于驼峰式命名的模块名称。
选项:
•
A. topLeftContent
•
B. rightcontent
•
C. content
•
D. footer
答案: 请关注ybaotk.com搜题查看答案
问题 90: 5. （ ）是网页登录条模块常用的命名。
选项:
•
A. loginbar
•
B. banner
•
C. logo
•
D. footer
答案: 请关注ybaotk.com搜题查看答案
问题 91: 1. 作为一个专业的网页制作人员，当拿到一个页面的效果图时，首先要做的就是准备工作，其中准备工作包括（ ）
选项:
•
A. 建立站点
•
B. 效果图的分析
•
C. 搜索素材
•
D. 图片的处理
答案: 请关注ybaotk.com搜题查看答案
问题 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;}
答案: 请关注ybaotk.com搜题查看答案
问题 93: 3. 为了清除各浏览器的默认样式，使得网页在各浏览器中的显示效果一致，在创建好所需的HTML和CSS样式文件后，首先要做的就是对CSS样式进行初始化并声明一些通用的样式，请问正确吗？
选项:
答案: 请关注ybaotk.com搜题查看答案
问题 94: 4. “站点”对于制作维护一个网站很重要，它能够帮助我们系统地管理网站文件，请问正确吗？
选项:
答案: 请关注ybaotk.com搜题查看答案
问题 95: 1. 在制作导航栏目时，一般是采用（ ）标记。
选项:
•
A. 无序列表ul标记
•
B. 有序列表ol标记
•
C. 定义列表dl标记
•
D. 其他HTML标记
答案: 请关注ybaotk.com搜题查看答案
问题 96: 2. 当设置ul列表项全部有左边线，为了单独设置第一个列表项无左边线，要用到（ ）复合选择器。
选项:
•
A. 后代选择器
•
B. 标签指定式选择器
•
C. 并集选择器
•
D. 基础选择器
答案: 请关注ybaotk.com搜题查看答案
问题 97: 3. 要实现某个模块通栏显示，是在该模块外边加个外层盒子，并设置其宽度为100%，请问正确吗？
选项:
答案: 请关注ybaotk.com搜题查看答案
问题 98: 4. 利用overflow:hidden;属性可以清除子元素浮动对父级元素的影响，请问正确吗？
选项:
答案: 请关注ybaotk.com搜题查看答案
问题 99: 1. 从底部效果图中可以看出，底部是通栏显示，请问是（ ）其通栏显示。
选项:
•
A. 加个外层盒子，并设置其宽度为100%显示
•
B. 不加个外层盒子，直接设置其宽度为100%显示
•
C. 加个外层盒子，并设置其宽度为任意显示
•
D. 用其他方法设置
答案: 请关注ybaotk.com搜题查看答案
问题 100: 2. 请问电脑科技网采用的是（ ）方式进行布局。
选项:
•
A. 单列布局
•
B. 两列布局
•
C. 三列布局
•
D. 通栏布局
答案: 请关注ybaotk.com搜题查看答案
问题 101: 3. （ ）可以实现底部文字居中显示？
选项:
•
A. text-align:center;
•
B. overflow:hidden;
•
C. line-height:20px;
•
D. text-decoration:underline;
答案: 请关注ybaotk.com搜题查看答案