2024秋最新国家开放大学国开电大机考期末Web开发基础卷包5机考期末试卷参考试题

Web开发基础卷包-005

关注公众号【飞鸟搜题】，回复【试题】获取试卷答案

文档说明:本人针对该科精心汇总了历年题库及答案，形成一个完整的题库，并且每年都在更新。该题库对考生的复习、作业和考试起着非常重要的作用，会给您节省大量的时间。做考题时，利用本文档中的查找工具，把考题中的关键字输到查找工具的查找内容框内，就可迅速查找到该题答案。本文库还有期末考核试题、其他网核及教学考一体化、一网一平台复习试题与答案，敬请查看。

课程题目试题是随机的，请按题目关键词查找（或按Ctrl+F输入题目中的关键词，尽量不要输入整个题目，不要复制空格，连续的几个字就行）

本文由【飞鸟搜题】微信公众号提供，禁止复制盗取，违者必究

本文由【飞鸟搜题】微信公众号提供，禁止复制盗取，违者必究

本文由【飞鸟搜题】微信公众号提供，禁止复制盗取，违者必究

一 、判断题

1. 为元素添加text-responsive样式类，可让元素的内容文本以两端对齐。（ ）

A. √

B. ×

答案：B
- 关注公众号【飞鸟搜题】查看答案

2. 表单向服务器端提交数据主要有两种方式：get方式和set方式。（）

A. √

B. ×

答案：B
- 关注公众号【飞鸟搜题】查看答案

3. 行内块元素默认都是从上到下排列的，且每个行内块元素独占一行。（ ）

A. √

B. ×

答案：B
- 关注公众号【飞鸟搜题】查看答案

4. 单标记只有开始标记，没有结束标记。开始标记中的/可有可无。（）

A. √

B. ×

答案：A
- 关注公众号【飞鸟搜题】查看答案

5. 媒体查询，就是查询出当前浏览网页的设备的类型及特性，如屏幕尺寸。（ ）

A. √

B. ×

答案：关注公众号【飞鸟搜题】查看答案

6. 单位1px的显示大小不会随显示器分辨率改变而改变。（）

A. √

B. ×

答案：关注公众号【飞鸟搜题】查看答案

7. 定义元素的transform属性时执行scale()函数，可让元素发生缩放。（ ）

A. √

B. ×

答案：关注公众号【飞鸟搜题】查看答案

8. @import在引入多个less文件时，会请求多次。（）

A. √

B. ×

答案：关注公众号【飞鸟搜题】查看答案

9. Web服务器主要功能包括: 存储网站资源文件，代用户发送请求，提供基本的安全功能。（ ）

A. √

B. ×

答案：关注公众号【飞鸟搜题】查看答案

10. <p>元素中不允许包含以下元素：标题元素（h1~h6）、span元素、div元素。（ ）

A. √

B. ×

答案：关注公众号【飞鸟搜题】查看答案

11. 块级元素和行内元素都具备align属性，可设置内容的对齐方式。（ ）

A. √

B. ×

答案：关注公众号【飞鸟搜题】查看答案

二 、单选题

1. 下列设置图片为响应式图片的代码，正确的是（）。

A. <img src=”url” img-responsive>

B. <img src=”url” class=”img-responsive”>

C. <img src=”url” responsive>

D. <img src=”url” class=” responsive”>

答案：关注公众号【飞鸟搜题】查看答案

2. 如果表单中包含上传文件功能时，内容类型必须设置为: ( )

A. utf-8

B. application/x-www-form-URLencoded

C. text/plain

D. multipart/form-data

答案：关注公众号【飞鸟搜题】查看答案

3. 清除前面元素浮动对当前元素的影响，可设置（）属性。

A. display: clear

B. clear: both

C. float: both

D. both: clear

答案：关注公众号【飞鸟搜题】查看答案

4. 为表格添加标题，下列代码正确的是:（）

A. <table> <thead>表格标题</thead> … … </table>

B. <table> <title>表格标题</title> … … </table>

C. <table> <h1>表格标题</h1> … … </table>

D. <table> <caption>表格标题</ caption> … … </table>

答案：关注公众号【飞鸟搜题】查看答案

5. 一个元素在PC和PAD下，在行中占比为1/4，在手机下，在行中占比1/2,下列代码正确的是（）。

A. <ANY class=”col-md-3 col-xs-6”

B. <ANY class=”col-md-3 col-sm-3 col-xl-6”

C. <ANY class=”col-md-3 col-sm-6”

D. <ANY class=”col-sm-3 col-xs-6”

答案：关注公众号【飞鸟搜题】查看答案

6. 下列样式声明语法正确的是（）。

A. color=purple

B. color=”purple”

C. color:”purple”

D. color:purple

答案：关注公众号【飞鸟搜题】查看答案

7. Web分为( )和Web服务器程序。

A. Web客户端

B. HTML

C. 数据库

D. 浏览器

答案：关注公众号【飞鸟搜题】查看答案

8. 宽100 px的div元素，修改转换原点为右上角，下列属性设置正确的是（）。

A. transform-origin: 100% 0

B. transform-origin: 0 100%;

C. transform-origin: 0 100px

D. transform-origin: left top;

答案：关注公众号【飞鸟搜题】查看答案

9. 在一个less文件中，引入另一个less文件，下列正确的是（）。

A. @import " variables.less"

B. @import url(" variables.less")

C. !import " variables.less"

D. import " variables.less"

答案：关注公众号【飞鸟搜题】查看答案

10. 表单中的每组输入项（label+input+span）都包含在class为（）的小容器元素中。

A. form-label

B. form-group

C. form-control

D. control-label

答案：关注公众号【飞鸟搜题】查看答案

11. 以get方式提交表单时，最大可发送的数据大小为:（ ）

A. 1K

B. 2K

C. 3K

D. 4K

答案：关注公众号【飞鸟搜题】查看答案

12. 下列对于flex-direction属性值描述正确的是:（ ）

A. 值为row表示主轴x轴，起点在容器中心点

B. 值为row-reverse表示主轴x轴，起点在右端

C. 值为column表示主轴y轴，起点在底端

D. 值为column表示主轴x轴，起点在最左端

答案：关注公众号【飞鸟搜题】查看答案

13. 以下可以实现当鼠标悬停在元素上时，出现工具提示效果的是: ( )

A. <div><title>工具提示的内容</title></div>

B. <div id=”工具提示的内容”></div>

C. <div title=”工具提示的内容”></div>

D. <div tooltip=”工具提示的内容”></div>

答案：关注公众号【飞鸟搜题】查看答案

14. 下列关于媒体查询说法正确的是： （ ）

A. min-width：768px and max-width: 991px，表示浏览器视口宽≥768px而且≤991px，说明是平板电脑显示屏大小范围；

B. min-width：768px && max-width: 991px，表示浏览器视口宽≥768px而且≤991px，说明是平板电脑显示屏大小范围；

C. min-width：768px & max-width: 991px，表示浏览器视口宽≥768px而且≤991px，说明是平板电脑显示屏大小范围；

D. min-width：768px max-width: 991px，表示浏览器视口宽≥768px而且≤991px，说明是平板电脑显示屏大小范围；

答案：关注公众号【飞鸟搜题】查看答案

15. 仅设置左上角和左下角为圆角的css代码如下正确的是:（ ）

A. border-radius:5px 5px 0 0

B. border-radius:5px 0 0 5px

C. border-radius: 0 5px 5px 0

D. border-radius: 0 0 5px 5px

答案：关注公众号【飞鸟搜题】查看答案

16. Web程序要想顺利运行，就需要Web服务器、浏览器、( ) 三者相互配合，共同发挥作用。

A. 数据库

B. HTML

C. 网页

D. 通信协议

答案：关注公众号【飞鸟搜题】查看答案

17. 下列属性中，不能将元素右移100 px的设置是（）。

A. transform: translateX(100px)

B. translateX : 100px

C. transform: translate(100px)

D. margin-left:100px

答案：关注公众号【飞鸟搜题】查看答案

18. 公共类型.m-p-0，可帮元素设置margin和padding属性，但暂时不知道margin和padding的值，下列代码正确的是（）。

A. .m-p-0(m,p){margin:m; padding:p }

B. .m-p-0(m p){margin:m; padding:p}

C. .m-p-0(@m,@p){margin:m,padding:p}

D. .m-p-0(@m,@p){margin:@m, padding:@p}

答案：关注公众号【飞鸟搜题】查看答案

19. 设置select元素的（）属性可实现多选。

A. value

B. selected

C. name

D. multiple

答案：关注公众号【飞鸟搜题】查看答案

20. HTML5结构标记中专门定义主导航区域的元素是（ ）。

A. <header>

B. <nav>

C. <section>

D. < aside>

答案：关注公众号【飞鸟搜题】查看答案

三 、多选题

1. 多个备选项中，可选择多个选中项时，可使用哪种表单元素：（ ）

A. <input type=”radio”>

B. <input type=”checkbox”>

C. <input type=”button”>

D. <select multiple>

答案：关注公众号【飞鸟搜题】查看答案

2. 下列关于位移属性描述正确的是:（ ）

A. top: -20px 是让元素基于当前位置向上移动20px

B. top: 20px 是让元素基于当前位置向下移动20px

C. bottom: -20px 是让元素基于当前位置向下移动20px

D. bottom: 20px 是让元素基于当前位置向下移动20px

答案：关注公众号【飞鸟搜题】查看答案

3. 以下关于列表元素的描述正确的是：（ ）

A. <ul>元素用于定义有序列表

B. <ol>元素用于定义无序列表

C. <ul>元素用于定义无序列表

D. <ol>元素用于定义有序列表

答案：关注公众号【飞鸟搜题】查看答案

4. 下列Bootstrap中颜色类名描述正确的是:（ ）

A. *-default ——默认基准色工业蓝

B. *-danger ——黄色

C. *-success ——绿色

D. *.primary——深蓝色

答案：关注公众号【飞鸟搜题】查看答案

5. 一个元素上下内边距都是20px，左右内边距都是10px，下列定义正确的是：（）。

A. padding: 20px 10px 20px 10px

B. padding: 10px 20px 10px

C. padding: 20px 10px 20px

D. padding: 10px 10px 20px 20px

答案：关注公众号【飞鸟搜题】查看答案

6. 下列对于less提供的内置函数描述正确的的是:（ ）

A. ceil(值)——取整

B. lighten(颜色值,百分百)——把指定颜色变亮；

C. image-width(宽度)——设置指定图片宽度

D. image-height(图片路径)——返回指定图片高度。

答案：关注公众号【飞鸟搜题】查看答案

7. 下列属于渐变分类的是:（）

A. 线性渐变

B. 径向渐变

C. 重复渐变

D. 水平渐变

答案：关注公众号【飞鸟搜题】查看答案

四 、填空题

1. 从答案选项中选择正确的代码，将其对应的字母填写在空白的步骤中，从而把步骤补充完整： 在表单中定义性别，二选一。要求，回发服务器时的变量名为“sex”。且扩大选中区域，点击文字，也可选中选项： <form> <__①___><input type=”__②__” __③__=”sex” __④___=”1”>男</__①_> <__①___><input type=”__②__” __③__=”sex” __④___=”0”>女</__①_> </form> [答案选项] a．id b．name c．title d．value e．radio f．checkbox g．p h. label 请填写： 1：_________ 2：_________ 3：_________ 4：_________

A. H

B. E

C. B

D. D

答案：关注公众号【飞鸟搜题】查看答案

关注公众号【飞鸟搜题】，回复【试题】获取试卷答案