中国大学MOOCWeb前端技术基础考核作业参考原题试题

2024秋最新《中国大学MOOCWeb前端技术基础考核作业参考原题试题》形考作业试题题库、期末题库

考试说明:本人针对该科精心汇总了历年题库及答案，形成一个完整的题库，并且每年都在更新。该题库对考生的复习、作业和考试起着非常重要的作用，会给您节省大量的时间。做考题时，利用本文档中的查找工具，把考题中的关键字输到查找工具的查找内容框内，就可迅速查找到该题答案。本文库超星学习通、知到智慧树、国家开放大学、广东开放大学、江苏开放大学、上海开放大学、云南开放大学、芯位教育、云慕学苑、职教云、川农在线、长江雨课堂、安徽继续教育平台、青书学堂、睿学在线、成教云、京人平台、绎通继教云、学起Plus、云上河开、河南继续教育、四川开放大学、良师在线、继教云、日照专业技术人员继续教育、麦能网、21tb、168网校、云班课、电大中专、learnin、西财在线等平台复习试题与答案，敬请查看。

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

本文由【大象答案】微信公众号提供，禁止复制盗取，违者必究

本文由【大象答案】微信公众号提供，禁止复制盗取，违者必究

本文由【大象答案】微信公众号提供，禁止复制盗取，违者必究

Web前端技术基础

学校: 无

问题 1: 1. 以下哪项不是HTML5新增的form元素?()

选项:

• A. datalist

• B. novalidate

• C. keygen

• D. output

答案: novalidate

问题 2: 2. 在HTML5中,onblur和onfocus是()

选项:

• A. HTML元素

• B. 事件属性

• C. 样式属性

• D. 表单属性

答案: 事件属性

问题 3: 3. 在下列的 HTML 中,哪个可以产生复选框?()

选项:

• A.

• B.

• C.

• D.

答案: 无信息

问题 4: 4. 哪种输入类型用于定义周和年控件(无时区)()

选项:

• A. date

• B. week

• C. year

• D. time

答案: week

问题 5: 5. 生成类型为range的标签,”min”值为0,”max”值为100,”step”为3。输入哪一项的数字可以让此文本框通过验证?()

选项:

• A. 102

• B. 10

• C. 100

• D. 54

答案: 54

问题 6: 6. 下列a标签的属性中,()个不是HTML5废弃的属性

选项:

• A. name

• B. download

• C. rev

• D. shape

答案: download

问题 7: 7. 下列标签中,不是HTML5新增的是()

选项:

• A.

• B.

• C.

• D.

答案: 请关注公众号【大象答案】查看答案

问题 8: 8. 下列标签中可以用于定义视频的是()

选项:

• A.

• B.

• C.

• D.

答案: 请关注公众号【大象答案】查看答案

问题 9: 9. 下列标签中不属于文档格式化标签的是()

选项:

• A.

• B.

• C.

• D.

答案: 请关注公众号【大象答案】查看答案

问题 10: 10. 下列属性中,可以用于检查用户输入的文本内容的是()

选项:

• A. contenteditable

• B. spellcheck

• C. designMode

• D. accessKey

答案: 请关注公众号【大象答案】查看答案

问题 11: 11. HTML语言是（ ）

选项:

• A.

• B.

• C.

• D.

答案: 请关注公众号【大象答案】查看答案

问题 12: 12. 在HTML中，下面是段落标签的是（ ）

选项:

• A. p

• B. tr

• C. td

• D. dr

答案: 请关注公众号【大象答案】查看答案

问题 13: 13. 下列（ ）是在新窗口中打开网页文档的？

选项:

• A. _self

• B. _parent

• C. _top

• D. _blank

答案: 请关注公众号【大象答案】查看答案

问题 14: 14. 请选择产生粗体字的 HTML 标签（ ）

选项:

• A.

• B.

• C.

• D.

答案: 请关注公众号【大象答案】查看答案

问题 15: 15. 在下列的 HTML 中，（ ）可以插入图像？

选项:

• A.

• B.

• C.

• D.

• image.gif

答案: 请关注公众号【大象答案】查看答案

问题 16: 16. 下面哪些是HTML5 新增的表单元素()

选项:

• A. datalist

• B. optgroup

• C. output

• D. legend

答案: 请关注公众号【大象答案】查看答案

问题 17: 17. 以下是HTML5新增表单元素属性的是()

选项:

• A. Placeholder

• B. multiple

• C. required

• D. pattern

答案: 请关注公众号【大象答案】查看答案

问题 18: 18. 关于GET和POST的区别,下列说法正确的是()

选项:

• A. GET:一般用于信息获取;POST:一般用于修改服务器上的资源,对所发送的信息没有限制

• B. GET的安全性没有POST高

• C. 对参数的数据类型,GET只接受ASCII字符;而POST没有限制

• D. GET产生一个数据包,POST产生两个数据包

答案: 请关注公众号【大象答案】查看答案

问题 19: 19. 关于样式代码“padding:20px 30px 10px;”，下列说法正确的是（ ）

选项:

• A. 该元素上下方向的内边距均为20px

• B. 该元素的上内边距为20px，左右内边距为30px，下内边距为10px

• C. 该样式等价于"padding:20px 30px 10px 30px

• D. 该元素的上内边距为20px，下内边距为30px，左右内边距为10px

答案: 请关注公众号【大象答案】查看答案

问题 20: 20. 下列哪些输入类型不是定义滑块控件?()

选项:

• A. search

• B. controls

• C. slider

• D. range

答案: 请关注公众号【大象答案】查看答案

问题 21: 21. HTML5新增的标签有哪些( )

选项:

• A. header

• B. nav

• C. footer

• D. section

答案: 请关注公众号【大象答案】查看答案

问题 22: 22. 以下是单独可以不用闭合的标签是( )

选项:

• A.

• B.

• C.

• D.

答案: 请关注公众号【大象答案】查看答案

问题 23: 23. img标签有文字提示特性的属性( )

选项:

• A. title

• B. tite

• C. alt

• D. height

答案: 请关注公众号【大象答案】查看答案

问题 24: 24. 以下说法正确的是()

选项:

• A. HTML5 标准还在制定中

• B. HTML5 兼容以前 HTML4 下浏览器

• C. 标签替代 Flash

• D. 简化的语法

答案: 请关注公众号【大象答案】查看答案

问题 25: 25. 以下是input在html5的新类型的是()

选项:

• A. Date Time

• B. file

• C. Color

• D. Range

答案: 请关注公众号【大象答案】查看答案

问题 26: 26. 锚点链接就是带有id属性的超链接标签。

选项:

答案: 请关注公众号【大象答案】查看答案

问题 27: 27. HTML5采用宽松的语法格式，标签可以不区分大小写。

选项:

答案: 请关注公众号【大象答案】查看答案

问题 28: 28. HTML5中，figure元素的内容应该与主内容相关，但如果被删除，也不会对文档流产生影响

选项:

答案: 请关注公众号【大象答案】查看答案

问题 29: 29. 在HTML5中，标记可以用于定义有序列表

选项:

答案: 请关注公众号【大象答案】查看答案

问题 30: 30. HTML5中，没有标题的内容区块不要使用section元素定义。

选项:

答案: 请关注公众号【大象答案】查看答案

问题 31: 1. ( )HTML 标签用于定义内部样式表

选项:

• A.

• B.

• C.

• D.

答案: 请关注公众号【大象答案】查看答案

问题 32: 2. 如何在 CSS 文件中插入注释?

选项:

• A. // this is a comment

• B. // this is a comment //

• C. /* this is a comment */

• D. ' this is a comment

答案: 请关注公众号【大象答案】查看答案

问题 33: 3. 如何显示边框:上边框 10 像素、下边框 5 像素、左边框 20 像素、右边框 1 像素

选项:

• A. border-width:10px 5px 20px 1px

• B. border-width:10px 20px 5px 1px

• C. border-width:5px 20px 10px 1px

• D. border-width:10px 1px 5px 20px

答案: 请关注公众号【大象答案】查看答案

问题 34: 4. 下面有关id和class的说法中,正确的是( )

选项:

• A. id是唯一的,不同页面中不允许出现相同的id

• B. id就像你的名字,class就像你的身份证号

• C. 同一个页面中,不允许出现两个相同的class

• D. 不能为不同的元素设置相同的class来为他们定义相同的css样式

答案: 请关注公众号【大象答案】查看答案

问题 35: 5. CSS样式background-position:-5px 10px代表的意义是( )

选项:

• A. 背景图片向右偏移5px,向上偏移10px

• B. 背景图片向右偏移5px,向下偏移10px

• C. 背景图片向左偏移5px,向上偏移10px

• D. 背景图片向左偏移5px,向下偏移10px

答案: 请关注公众号【大象答案】查看答案

问题 36: 6. 下面哪个CSS属性是用来改变背景颜色的（）

选项:

• A. background-color:

• B. bgcolor:

• C. color:

• D. text:

答案: 请关注公众号【大象答案】查看答案

问题 37: 7. 在CSS中，用于设置首行文本缩进的属性是（ ）

选项:

• A. text-decoration

• B. text-align

• C. text-transform

• D. text-indent

答案: 请关注公众号【大象答案】查看答案

问题 38: 8. 设置文本行高属性是()

选项:

• A. text-align

• B. text-transform

• C. word-spacing

• D. line-height

答案: 请关注公众号【大象答案】查看答案

问题 39: 9. 设置列表项为空心圆的是()

选项:

• A. square

• B. circle

• C. decimal

• D. disc

答案: 请关注公众号【大象答案】查看答案

问题 40: 10. 关于下列 标签说法错误的是（）

选项:

• A. 标签是超链接，可以使用 href 属性使其指向另一个资源

• B. 当点击 标签时触发的提交为 GET提交

• C. 标签可以嵌套

• 标签，使图片变为一个可点击的超链接

• D. 标签可以指向一张图片从而在该位置显示一张图片

答案: 请关注公众号【大象答案】查看答案

问题 41: 11. 锚点链接中，用（）来开头命名

选项:

• A. .

• B. href

• C. #

• D. -

答案: 请关注公众号【大象答案】查看答案

问题 42: 12. 创建一个Email地址的链接，下面正确的语句是（）

选项:

• A.

• B.

• C.

• D.

答案: 请关注公众号【大象答案】查看答案

问题 43: 13. 关于嵌套列表，下列说法正确的是（）

选项:

• A. 列表项中也有可能包含一个子列表项

• B. 无序列表只能嵌套无序列表

• C. 有序列表只能嵌套有序列表

• D. 列表项中也有可能包含若干子列表项

答案: 请关注公众号【大象答案】查看答案

问题 44: 14. 下列选项中,不属于文本属性的是( )

选项:

• A. font-size

• B. font-style

• C. font-color

• D. text-align

答案: 请关注公众号【大象答案】查看答案

问题 45: 15. 在CSS中定义字体的粗细，以下书写正确的是（ ）

选项:

• A. p{ font-weight:bold; }

• B. p{ font-weight:500; }

• C. p{ font-weight: bolder; }

• D. p{ font-weight: "bolder"; }

答案: 请关注公众号【大象答案】查看答案

问题 46: 16. color属性用于定义文本的颜色，以下写法正确的是（ ）

选项:

• A. h2{color: red;}

• B. h2{ color: #FF6600;}

• C. h2{ color: "red";}

• D. h2{color: "#F60";}

答案: 请关注公众号【大象答案】查看答案

问题 47: 17. 下列属于列表标志的有()

选项:

• A. disc

• B. circle

• C. square

• D. none

答案: 请关注公众号【大象答案】查看答案

问题 48: 18. font-family属性设置字体时, 中文字体需要加英文状态下的引号，英文字体一般不需要加引号。

选项:

答案: 请关注公众号【大象答案】查看答案

问题 49: 19. text-align属性用于设置文本内容的水平对齐，可适用于所有元素。( )

选项:

答案: 请关注公众号【大象答案】查看答案

问题 50: 1. 兄弟选择器用来选择与某元素位于同一个父元素之中，且位于该元素之后的兄弟元素。兄弟选择器分为（ ）两种。

选项:

• A. 临近兄弟选择器和普通兄弟选择器

• B. 兄弟选择器和普通兄弟选择器

• C. 临近兄弟选择器和兄弟选择器

• D. 普通兄弟选择器

答案: 请关注公众号【大象答案】查看答案

问题 51: 2. CSS3中，（ ）选择器用于为父元素中的第一个子元素设置样式。

选项:

• A. :last-child

• B. :first-child

• C. :not

• D. :nth-child(n)

答案: 请关注公众号【大象答案】查看答案

问题 52: 3. 子代选择器主要用来选择某个元素的（ ）子元素

选项:

• A. 第二级

• B. 第三级

• C. 第一级

• D. 第四级

答案: 请关注公众号【大象答案】查看答案

问题 53: 4. 下列选项中，属于并集选择器书写方式的是（ ）

选项:

• A. h1p{}

• B. h1,p{}

• C. h1_p{}

• D. h1-p{}

答案: 请关注公众号【大象答案】查看答案

问题 54: 5. CSS3中，临近兄弟选择器使用减号“－”来链接前后两个选择器。（ ）

选项:

答案: 请关注公众号【大象答案】查看答案

问题 55: 6. CSS3中，:nth-of-type(n)选择器属于结构化伪类选择器。（ ）

选项:

答案: 请关注公众号【大象答案】查看答案

问题 56: 7. CSS3中，:target选择器用于为页面中的某个target元素（该元素的id被当做页面中的超链接来使用）指定样式。（ ）

选项:

答案: 请关注公众号【大象答案】查看答案

问题 57: 8. CSS3中，:before伪元素选择器所插入的内容只能为文字。（ ）

选项:

答案: 请关注公众号【大象答案】查看答案

问题 58: 9. text-align属性用于设置文本内容的水平对齐，可适用于所有元素。

选项:

答案: 请关注公众号【大象答案】查看答案

问题 59: 10. 使用链接伪类时，通常按照（ ）的顺序书写。

选项:

• A. a:link

• B. a:visited

• C. a:hover

• D. a:active

答案: 请关注公众号【大象答案】查看答案

问题 60: 11. CSS3 box-shadow属性用来描述一个元素的一个或多个阴影效果，值有（ ）

选项:

• A. h-shadow

• B. v-shadow

• C. blur

• D. spread

答案: 请关注公众号【大象答案】查看答案

问题 61: 12. transition是一个复合属性，可设置（ ）属性

选项:

• A. transition-property

• B. transition-duration

• C. transition-timing-function

• D. transition-delay

答案: 请关注公众号【大象答案】查看答案

问题 62: 1. CSS3中，（ ）主要用来选择某个元素的第一级子元素。

选项:

• A. 子代选择器

• B. 兄弟选择器

• C. 属性选择器

• D. 伪类选择器

答案: 请关注公众号【大象答案】查看答案

问题 63: 2. 在3D变形中，指定元素围绕X轴旋转的函数是（ ）

选项:

• A. rotateX()函数

• B. rotateY()函数

• C. rotateZ()函数

• D. rotate3d()方法

答案: 请关注公众号【大象答案】查看答案

问题 64: 3. 下列选项中，能够旋转指定的元素对象的变形函数是（ ）

选项:

• A. translate（）方法

• B. scale()方法

• C. skew()方法

• D. rotate()方法

答案: 请关注公众号【大象答案】查看答案

问题 65: 4.

选项:

• A. box-shadow:opx opx opx 30px 10px #990;

• B. box-shadow:inset opx opx opx 30px 10px #990;

• C. box-shadow:outset opx opx opx 30px 10px #990;

• D. box-shadow: up opx opx opx 30px 10px #990;

答案: 请关注公众号【大象答案】查看答案

问题 66: 5. 为了更方便的控制网页中各种各样的字体，CSS提供了字体样式属性。下面选项中，设置字号大小书写正确的是（ ）。

选项:

• A. { font-size: 24px; }

• B. { font: 24px; }

• C. { fontSize: 24px; }

• D. { size: 24px; }

答案: 请关注公众号【大象答案】查看答案

问题 67: 6. CSS3中，:before选择器属于伪元素选择器。

选项:

答案: 请关注公众号【大象答案】查看答案

问题 68: 7. CSS3中，兄弟选择器用来选择与某元素位于同一个父元素之中，且位于该元素之后的兄弟元素

选项:

答案: 请关注公众号【大象答案】查看答案

问题 69: 8. 如果有两个上下并列关系的盒子，上面盒子的下外边距是30px，下面盒子的上外边距是20px，那么这两个盒子之间的间距是50px

选项:

答案: 请关注公众号【大象答案】查看答案

问题 70: 9. font-variant属性用于设置变体（字体变化），一般用于定义小型大写字母，仅对英文字符有效。

选项:

答案: 请关注公众号【大象答案】查看答案

问题 71: 10. 在3D变形中可以让元素围绕X轴、Y轴、Z轴进行旋转。

选项:

答案: 请关注公众号【大象答案】查看答案

问题 72: 11. transition属性是一个复合属性，可以同时设置的属性包括（ ）

选项:

• A. transition-property属性

• B. transition-duration属性

• C. transition-timing-function属性

• D. transition-delay属性

答案: 请关注公众号【大象答案】查看答案

问题 73: 12. 在CSS中定义字体的粗细，以下书写正确的是（ ）

选项:

• A. p{ font-weight:bold; }

• B. p{ font-weight: bolder; }

• C. p{ font-weight: "bolder"; }

• D. p{ font-weight:500;}

答案: 请关注公众号【大象答案】查看答案

问题 74: 1. 如果有两个上下并列关系的盒子,上面盒子的下外边距是30px,下面盒子的上外边距是20px,那么这两个盒子之间的间距是()

选项:

• A. 30像素

• B. 10像素

• C. 40像素

• D. 50像素

答案: 请关注公众号【大象答案】查看答案

问题 75: 2. 下列关于块元素说法正确的是()

选项:

• A. 每个块元素通常都会独自占据一整行或多整行

• B. 多个块状元素标签写在一起,默认排列方式为从左至右

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

• D. 不能自动换行

答案: 请关注公众号【大象答案】查看答案

问题 76: 3. 对于行内元素,下列说法错误的是( )

选项:

• A. 仅仅靠自身的字体大小和图像尺寸来支撑结构,一般不可以设置宽度、高度、对齐等属性

• B. 对margin仅设置左右方向有效,上下无效

• C. padding设置上下左右都有效,即会撑大空间

• D. 可以自动进行换行

答案: 请关注公众号【大象答案】查看答案

问题 77: 4. border-style属性综合设置四边样式时,必须按()的顺时针顺序

选项:

• A. 下右上左

• B. 上右下左

• C. 上左下右

• D. 以上都不对

答案: 请关注公众号【大象答案】查看答案

问题 78: 5. 下列样式代码中,用于定义盒子上边框为1像素、蓝色、单实线的是( )

选项:

• A. border-top:1px solid blue

• B. border:1px solid blue

• C. border-top:1px dashed blue

• D. border:1px dashed blue

答案: 请关注公众号【大象答案】查看答案

问题 79: 6. 下列选项中,用于更改元素左内边距的是( )

选项:

• A. text-indent

• B. padding-left

• C. margin-left

• D. padding-right

答案: 请关注公众号【大象答案】查看答案

问题 80: 7. 在下列选项中,对代码“ margin:10px 0 20px;”解释正确的是( )

选项:

• A. 上间距10px,左右间距0,下间距20px

• B. 上间距10px,左间距0,右间距20px

• C. 上下间距10px,左间距0,右间距20px

• D. 上间距10px,左间距0,右下间距20px

答案: 请关注公众号【大象答案】查看答案

问题 81: 8. 下面选项中,属于盒子模型主要属性的是( )

选项:

• A. padding

• B. margin

• C. type

• D. border

答案: 请关注公众号【大象答案】查看答案

问题 82: 9. 下列关于CSS中盒子模型说法错误的是()

选项:

• A. 盒子模型是页面布局的基础,它包括外边距、边框、内边距以及元素的宽高等属性

• B. border(边框)代表盒子外壳本身的高度

• C. margin(外边距)代表内容与边框间的距离

• D. padding(内边距)代表盒子与其他盒子之间的距离

答案: 请关注公众号【大象答案】查看答案

问题 83: 10. 下列选项中,属于盒子模型背景属性的是( )

选项:

• A. color

• B. background-image

• C. background-repeat

• D. background

答案: 请关注公众号【大象答案】查看答案

问题 84: 11. 常见的行内元素有()

选项:

• A.

• B.

• C.

• D.

答案: 请关注公众号【大象答案】查看答案

问题 85: 12. 常见的块元素有()

选项:

• A.

• B. -

• C.

• D.

答案: 请关注公众号【大象答案】查看答案

问题 86: 13. 使用display中( )属性值能够将行内元素、块状元素和行内块状元素三者任意转换

选项:

• A. inline

• B. block

• C. inline-block

• D. none

答案: 请关注公众号【大象答案】查看答案

问题 87: 14. 在CSS中边框属性包括( )等属性

选项:

• A. 边框样式

• B. 边框宽度

• C. 边框颜色

• D. 圆角边框

答案: 请关注公众号【大象答案】查看答案

问题 88: 15. 下列样式代码中,用于定义盒子上边框为2像素、单实线、灰色的是( )

选项:

• A. border-top:2px solid #CCC;

• B. border-top:2px dashed #CCC;

• C. border:2px solid #CCC;

• D. border-top-style:solid; border-top-width:2px; border-top-color:#CCC;

答案: 请关注公众号【大象答案】查看答案

问题 89: 16. 关于样式代码“padding:20px 30px 10px;”,下列说法正确的是( )

选项:

• A. 该元素上下方向的内边距均为20px

• B. 该元素的上内边距为20px,左右内边距为30px,下内边距为10px

• C. 该样式等价于"padding:20px 30px 10px 30px

• D. 该元素的上内边距为20px,下内边距为30px,左右内边距为10px

答案: 请关注公众号【大象答案】查看答案

问题 90: 17. 关于内边距属性的赋值方式,下列说法正确的是( )

选项:

• A. padding:10px;表示盒子四个方向padding均为10px

• B. padding:10px 20px 30px;表示上为10px,右20px,下30px,左0px

• C. padding:10px 20px;表示上下为10px,左右为20px

• D. padding:10px 20px 30px 40px;表示上右下左内边距分别为10px、20px、30px、40px

答案: 请关注公众号【大象答案】查看答案

问题 91: 1. 一个盒子的宽(width)和高(height)均为300px,左内边距为30px,同时盒子有3px的边框,请问这个盒子的总宽度是多少( )?

选项:

• A. 226px

• B. 336px

• C. 363px

• D. 333px

答案: 请关注公众号【大象答案】查看答案

问题 92: 2. 下列选项中,用于改变盒子模型外边距的是( )

选项:

• A. margin

• B. padding

• C. type

• D. border

答案: 请关注公众号【大象答案】查看答案

问题 93: 3. 标记是网页布局中最常用的标记,其显示类型为( )

选项:

• A. 块级类型

• B. 行内类型

• C. 行内块类型

• D. 浮动类型

答案: 请关注公众号【大象答案】查看答案

问题 94: 4. 使块级元素水平居中,需要遵循以下哪些条件( )

选项:

• A. 为元素设置高度height

• B. 为元素设置宽度width

• C. 将元素左右外边距的值设置为auto

• D. 使元素浮动float

答案: 请关注公众号【大象答案】查看答案

问题 95: 5. 下列选项中,属于盒子模型背景属性的是( )

选项:

• A. color

• B. background-image

• C. background-repeat

• D. background

答案: 请关注公众号【大象答案】查看答案

问题 96: 6. 下列选项中,属于边框样式常用属性值的是( )

选项:

• A. solid

• B. dashed

• C. dotted

• D. none

答案: 请关注公众号【大象答案】查看答案

问题 97: 7. 在盒子模型中边框是一个重要的属性,下列选项中属于边框属性的是( )

选项:

• A. border-style

• B. border-height

• C. border-width

• D. border-color

答案: 请关注公众号【大象答案】查看答案

问题 98: 8. 在HTML中，盒子模型的总高度等于“height+padding+margin”的尺寸总和。

选项:

答案: 请关注公众号【大象答案】查看答案

问题 99: 9. 在CSS中，代码“margin:10px 0;”表示左右间距是10px，上下间距是0。

选项:

答案: 请关注公众号【大象答案】查看答案

问题 100: 10. 在CSS中border属性是一个复合属性。

选项:

答案: 请关注公众号【大象答案】查看答案