2026年春河南开放大学云上河开网页设计与制作（cz） 050530合集答案

第一部分
单选题
1 关于HTML的描述，下列说法正确的是（）。
A HTML提供了许多标记，用于对网页内容进行描述
B HTML是更严谨纯净的XHTML版本
C 目前最新的HTML版本是HTML5
D 初期的HTML在语法上很宽松
2 浏览器是网页运行的平台，下列属于网页制作中常用浏览器的是（）。
A IE
B 谷歌
C 火狐
D 搜狗
3 下面选项中，不属于网页构成元素的是（）。
A 音频
B 视频
C psd文件
D 文字
4 在HTML中，网页要显示的主体内容应放置在（）。
A <title></title>标记之间
B <head></head>标记之间
C <body></body>标记之间
D HTML中的任意位置
5 使用内嵌式添加CSS样式，CSS样式需要写在( )。
A <title></title>标记之间
B <head></head>标记之间
C <body></body>标记之间
D <style></style>标记之间
判断题
1 网页中需要定义什么内容，就用相应的HTML标记描述即可。 ( )
A 正确
B 错误
2 大多数网页都是用HTML编写网页结构和内容，版面布局、文本或图片的显示样式则使用CSS控制。( )
A 正确
B 错误
3 所有的浏览器对同一个CSS样式的解析都相同，因此页面在不同浏览器下的显示效果完全一样。( )
A 正确
B 错误
4 由于采用内嵌式引入的CSS样式写在HTML页面中，因此背离了结构与表现相分离的原则。( )
A 正确
B 错误
5 网页主要由文字、图像和超链接等元素构成。
A 正确
B 错误
—
第二部分
单选题
1 下面标记中，用来显示段落的标记是（）。
A <h1>
B <br />
C <img />
D <p>
2 在下列属性中，用来定义文本字体大小的是（）。
A color
B face
C size
D align
3 位于HTML文档的最前面，用于向浏览器说明当前文档使用哪种 HTML 或 XHTML 标准规范的标记是（）。
A <!DOCTYPE>
B <head></head>
C <title></title>
D <html></html>
4 网页中的图像文件位于html文件的下一级文件夹img下，则以下CSS书写正确的是（）。
A <img src=”logo.gif” />
B <img src=”img\logo.gif” />
C <img src=”img/logo.gif” />
D <img src=”img/logo” />
5 下面的选项中，属于常用的图片格式并且能够做动画的是（）。
A jpg格式
B gif格式
C png格式
D psd格式
判断题
1 页面中的信息，必须放在相应的HTML标记中，才能被浏览器正确解析。
A 正确
B 错误
2 在网页中需要插入图片的相对路径中，“../”用于指定上一级文件夹。( )
A 正确
B 错误
3 在中使用标记可引用外部文件，一个页面只允许使用一个标记引用外部文件。
A 正确
B 错误
4 在标记的嵌套过程中，必须先结束最靠近内容的标记，再按照由外及内的顺序依次关闭标记。
A 正确
B 错误
5 在HTML中使用注释标记时，注释内容不会显示在浏览器窗口中。
A 正确
B 错误
—
第三部分
单选题
1 在CSS中，提供了字体样式属性来控制网页中的字体。下面的字体样式设置正确的是（）
A {font-family: 黑体;}
B {font-family: “黑体”;}
C {fontFamily: “黑体”;}
D {font-Family: “黑体”;}
2 关于内嵌式引入CSS样式表，以下书写正确的是（）
A <style type=”text/stylesheet”></style>
B <style type=”text/css”></style>
C <css type=”text/style”></css>
D <css type=”text/stylesheet”></css>
3 如果使用内嵌式CSS样式表定义标记字号为12像素，链入式定义标记颜色为红色，那么段落文本将显示为（）
A 只显示12像素
B 12像素红色
C 只显示红色
D 以上都不正确
4 在CSS中，用于设置首行文本缩进的属性是（）
A text-decoration
B text-align
C text-transform
D text-indent
5 下列选项中，属于并集选择器书写方式的是（）
A h1 p{}
B h1_p{}
C h1,p{}
D h1-p{}
判断题
1 通配符选择器设置的样式对所有的HTML标记都生效，不管标记是否需要该样式，这样反而降低了代码的执行速度。( )
A 正确
B 错误
2 在CSS代码中，空格是不被解析的。因此，属性的值和单位之间允许出现空格。（）
A 正确
B 错误
3 链入式最大的好处是同一个CSS样式表可以被不同的HTML页面链接使用。（）
A 正确
B 错误
4 CSS具有继承性和层叠性，所谓继承性是指书写CSS样式表时，子标记会继承父标记的某些样式。（）
A 正确
B 错误
5 行内式CSS样式是通过标记的属性来控制样式的，没有做到结构与表现的分离，所以一般很少使用。( )
A 正确
B 错误
—
第四部分
单选题
1 下面标记中，用来显示段落的标记是（）。
A <h1>
B <br />
C <img />
D <p>
2 位于HTML文档的最前面，用于向浏览器说明当前文档使用哪种 HTML 或 XHTML 标准规范的标记是（）。
A <!DOCTYPE>
B <head></head>
C <title></title>
D <html></html>
3 若要在网页中插入样式表main.css，以下用法中正确的是（）。
A <link src=”main.css” type=”text/css” rel=”stylesheet”>
B <include href=”main.css” type=”text/css” rel=”stylesheet”>
C <link href=”main.css” type=”text/css” >
D <link href=”main.css” type=”text/css” rel=”stylesheet”>
4 页面上的div标签，其HTML代码为文字，为其设置CSS样式如下： box{ color:blue; } 那么，文字的颜色将显示为 ( )
A 红色
B 蓝色
C 黑色
D 以上选项都不正确
5 在CSS中，用于设置首行文本缩进的属性是（）
A text-decoration
B text-align
C text-transform
D text-indent
6 text-transform属性用于控制英文字符的大小写。下列选项中，不属于其属性值的是（）
A capitalize
B line-through
C lowercase
D uppercase
7 下列选项中，属于并集选择器书写方式的是（）
A h1 p{}
B h1_p{}
C h1,p{}
D h1-p{}
8 位于HTML文档的最前面，用于向浏览器说明当前文档使用哪种 HTML 或 XHTML 标准规范的标记是（）。
A <!DOCTYPE>
B <head></head>
C <title></title>
D <html></html>
9 关于HTML的描述，下列说法正确的是（）。
A HTML提供了许多标记，用于对网页内容进行描述
B HTML是更严谨纯净的XHTML版本
C 目前最新的HTML版本是HTML5
D 初期的HTML在语法上很宽松
10 浏览器是网页运行的平台，下列属于网页制作中常用浏览器的是（）。
A IE
B 谷歌
C 火狐
D 搜狗
判断题
1 在中使用标记可引用外部文件，一个页面只允许使用一个标记引用外部文件。
A 正确
B 错误
2 在标记的嵌套过程中，必须先结束最靠近内容的标记，再按照由外及内的顺序依次关闭标记。
A 正确
B 错误
3 通过vspace和hspace属性可以分别调整图像的垂直边距和水平边距。
A 正确
B 错误
4 如果不给标记设置宽和高，图片就会按照他的原始尺寸显示。
A 正确
B 错误
5 内嵌式CSS样式只对其所在的HTML页面有效，因此，仅设计一个页面时可以使用内嵌式。（）
A 正确
B 错误
6 在编写CSS代码时，为了提高代码的可读性，通常需要加CSS注释语句。（）
A 正确
B 错误
7 text-align属性用于设置文本内容的水平对齐，可适用于所有元素。( )
A 正确
B 错误
8 在嵌套结构中，不管父元素样式的权重多大，被子元素继承时，它的权重都为0，也就是说子元素定义的样式会覆盖继承来的样式。（）
A 正确
B 错误
9 大多数网页都是用HTML编写网页结构和内容，版面布局、文本或图片的显示样式则使用CSS控制。( )
A 正确
B 错误
10 所有的浏览器对同一个CSS样式的解析都相同，因此页面在不同浏览器下的显示效果完全一样。( )
A 正确
B 错误
—
第五部分（盒子模型）
单选题
1 一个盒子的宽（width）和高（height）均为300px，左内边距为30px，同时盒子有3px的边框，请问这个盒子的总宽度是多少（）？
A 333px
B 366px
C 336px
D 363px
2 下列样式代码中，用于定义盒子上边框为1像素、蓝色、单实线的是（）。
A border-top:1px solid blue;
B border:1px solid blue;
C border-top:1px dashed blue;
D border:1px dashed blue;
3 下列样式代码中，可以将块元素转换为行内元素的是（）。
A display:none;
B display:block;
C display:inline-block;
D display:inline;
4 关于盒子模型中的宽度和高度属性，下面说法正确的是（）。
A 盒子模型中的宽度和高度属性适用于所有元素
B 盒子模型中的宽度和高度属性仅适用于行内元素
C 盒子模型中的宽度和高度属性仅适用于块级元素
D 以上说法都正确
5 当上下相邻的两个块元素相遇时，如果上面的元素有下外边距margin-bottom，下面的元素有上外边距margin-top，则他们之间的垂直间距是（）。
A margin-top的值。
B margin-bottom的值。
C margin-bottom与margin-top之和。
D margin-bottom与margin-top中的较大者。
判断题
1 是一个行内元素，它需要设置display属性值为block后才能设置宽高。（）
A 正确
B 错误
2 在设置边框宽度和边框颜色时，必须同时设置边框样式。（）
A 正确
B 错误
3 使用复合属性padding定义内边距时，必须按顺时针顺序采用值复制，一个值为四边、两个值为上下/左右，三个值为上/左右/下。( )
A 正确
B 错误
4 在CSS中，background-color是用来设置背景图像位置的属性。( )
A 正确
B 错误
5 行内元素和块元素可以相互嵌套。（）
A 正确
B 错误
—
第六部分（链接、列表）
单选题
1 关于创建锚点链接的代码，下列书写正确的是（）。
A <a href=”one”>链接文本</a> ……… <h3 id=”one”>锚点链接 </h3>
B <a href=”id”>链接文本</a> ……… <h3 id=”one”>锚点链接 </h3>
C <a href=””>链接文本</a> ……… <h3 id=”one”>锚点链接 </h3>
D <a href=”one”>链接文本</a> ……… <h3 id=”one”>锚点链接 </h3>
2 下列代码中，用于清除列表默认样式的是（）。
A list-style:none;
B list-style:0;
C list-style:zero;
D list-style:delete;
3 CSS中，通过链接伪类可以实现不同的链接状态。下列用来定义未访问时超链接状态的是（）。
A a:link
B a:visited
C a:hover
D a:active
4 下列选项中，用于清除超链接默认的下划线的是（）。
A text-decoration:none;
B text-decoration:underline;
C text-decoration:overline;
D text-decoration:line-through;
5 若超链接的href属性，需要链接到list页面中的one锚点，以下书写正确的是（）。
A list.html
B one.list
C listone
D list.htmlone
判断题
1 如果不设置list-style-position属性，列表项目符号默认位于列表文本以内。（）
A 正确
B 错误
2 在超链接中，当target取值为“_self”，意为在原窗口中打开链接页面。（）
A 正确
B 错误
3 无序列表的各个列表项之间，虽然没有顺序级别之分，但是存在主从关系。（）
A 正确
B 错误
4 无序列表、有序列表和项目列表之间不能相互嵌套。( )
A 正确
B 错误
5 设置标签的css样式代码为“display：block”，标签将变为块级元素。（）
A 正确
B 错误
—
第七部分（表格、表单）
单选题
1 下列选项中，可用于设置下拉菜单的多项选择功能的是（）
A size=”1″
B multiple=”multiple”
C selected=”selected”
D checked=”checked”
2 下列选项中，能够用于定义表格头部的标签是（）。
A <thead></thead>
B <tbody></tbody>
C <caption></caption>
D <tfoot></tfoot>
3 下列选项中，用来设置单元格横跨的列数的是（）。
A width
B bgcolor
C rowspan
D colspan
4 下列选项中，用于指定接收并处理表单数据的服务器程序的url地址的是（）。
A action
B method
C name
D src
5 下列属性中，用于指定下拉菜单可见选项数的是（）
A option
B selected
C size
D multiple
判断题
1 post为默认值，这种方式提交的数据将显示在浏览器的地址栏中，保密性差，且有数据量的限制。（）
A 正确
B 错误
2 action的属性值可以是相对路径或绝对路径，还可以为接收数据的E-mail邮箱地址。（）
A 正确
B 错误
3 在HTML中，标记用于定义表单域，即创建一个表单，以实现用户信息的收集和传递。（）
A 正确
B 错误
4 当input控件的type属性值为submit时，即定义了一个提交按钮。（）
A 正确
B 错误
5 表单域能够定义处理表单数据所用程序的url地址。（）
A 正确
B 错误
—
第八部分（浮动、定位、溢出）
单选题
1 下列样式代码中，可实现元素的溢出内容被修剪，且被修剪的内容不可见的是（）
A overflow:visible;
B overflow: hidden;
C overflow: auto;
D overflow: scroll;
2 下列样式代码中，可以实现相对定位模式的是（）
A position: static;
B position: fixed;
C position: absolute;
D position: relative;
3 下列选项中，属于overflow属性默认值的是（）。
A visible
B hidden
C auto
D scroll
4 清除子元素浮动对父元素的影响，需要对（）应用“overflow:hidden;”样式。
A 浮动元素的父级元素
B 浮动元素本身
C 浮动元素子级元素
D 空标记
5 下列样式代码中，可将元素的定位模式设置为固定定位的是（）。
A position:absolute;
B position:static;
C position:fixed;
D position:relative;
判断题
1 z-index属性用于调整重叠定位元素的堆叠顺序。（）
A 正确
B 错误
2 在浮动元素之后添加空标记，并对该标记应用“clear:both”样式，可清除元素浮动所产生的影响。（）
A 正确
B 错误
3 空标记虽然可以清除浮动，但是在无形中增加了毫无意义的结构元素。（）
A 正确
B 错误
4 使用after伪对象清除浮动时，必须为需要清除浮动的元素伪对象设置“height:0;”样式，否则该元素会比其实际高度高出若干像素。（）
A 正确
B 错误
5 当position属性的取值为absolute时，可以将元素的定位模式设置为绝对定位。（）
A 正确
B 错误
—
第九部分（网页布局、CSS技巧）
单选题
1 下列选项中，可以使特殊形状的背景自适应元素文本内容多少的是（）。
A CSS响应式技术
B CSS精灵技术
C CSS滑动门技术
D CSS压线技术
2 在应用通栏布局时，需要将模块最外层的div宽度设置为（）。
A auto
B 1
C 1980px
D 100px
3 在网页布局中，哪种布局方式可以将页面内容模块分为左中右三部分（）。
A 一列布局
B 两列布局
C 三列布局
D 通栏布局
判断题
1 滑动门技术使特殊形状的背景能够自由拉伸滑动，以适应元素内部的文本内容。（）
A 正确
B 错误
2 使用CSS精灵技术，可以使各种特殊形状的背景自适应元素文本内容的多少。（）
A 正确
B 错误
—
第十部分（综合复习）
单选题
1 下列选项中，属于overflow属性默认值的是（）。
A visible
B hidden
C auto
D scroll
2 清除子元素浮动对父元素的影响，需要对（）应用“overflow:hidden;”样式。
A 浮动元素的父级元素
B 浮动元素本身
C 浮动元素子级元素
D 空标记
3 下列样式代码中，可将元素的定位模式设置为固定定位的是（）。
A position:absolute;
B position:static;
C position:fixed;
D position:relative;
4 下列选项中，可以使特殊形状的背景自适应元素文本内容多少的是（）。
A CSS响应式技术
B CSS精灵技术
C CSS滑动门技术
D CSS压线技术
5 在应用通栏布局时，需要将模块最外层的div宽度设置为（）。
A auto
B 1
C 1980px
D 100px
判断题
1 空标记虽然可以清除浮动，但是在无形中增加了毫无意义的结构元素。（）
A 正确
B 错误
2 使用after伪对象清除浮动时，必须为需要清除浮动的元素伪对象设置“height:0;”样式，否则该元素会比其实际高度高出若干像素。（）
A 正确
B 错误
3 当position属性的取值为absolute时，可以将元素的定位模式设置为绝对定位。（）
A 正确
B 错误
4 固定定位是以浏览器窗口作为参照物来定义网页元素的。（）
A 正确
B 错误
5 使用CSS精灵技术，可以使各种特殊形状的背景自适应元素文本内容的多少。（）
A 正确
B 错误