中国大学Web前端技术答案(mooc2023课后作业答案)

管理问答2024-05-19 07:16:1518380抢沙发
中国大学Web前端技术答案(mooc2023课后作业答案)摘要： 项目1 HTML基础HTML5测试1、不属于HTML文档结构标签的是 ）A、<html></html>B、<title></title>C、<he ...

中国大学Web前端技术答案(mooc2023课后作业答案)

项目1 HTML基础

HTML5测试

1、中国不属于HTML文档结构标签的大学端技是（ ）
A、<html></html>
B、术答<title></title>
C、案m案<head></head>
D、后作<body></body>

2、业答下面哪一项是中国换行符标签？（ ）
A、<body>
B、大学端技<font>
C、术答<br>
D、案m案<p>

3、后作在网页中，业答必须使用（ ）标记来完成超级链接。中国
A、大学端技<a>…</a>
B、术答<p>…</p>
C、<link>…</link>
D、<li>…</li>

4、用HTML标记语言编写一个简单的网页，网页最基本的结构是（ ）。
A、<html> <head>…</head> <frame>…</frame> </html>
B、<html> <title>…</title> <body>…</body> </html>
C、<html> <title>…</title> <frame>…</frame> </html>
D、<html> <head>…</head> <body>…</body> </html>

5、以下标记符中，用于设置页面标题的是（ ）
A、title
B、<caption>
C、<head>
D、<html>

6、以下选项中，哪个全部是表格标记（ ）
A、<table><head><tfoot>
B、<table><tr><td>
C、<table><tr><tt>
D、<table><body><tr>

7、52.在input元素的type属性中，用于表示单行文本框的属性是（ ）
A、type=“text”
B、type=“password”
C、type=“radio”
D、type=“number”

8、若要在页面中创建一个图形超链接，要显示的图形为 myhome.jpg,所链接的地址为http://www.pcnetedu.com,以下用法中以下用法中，正确的是（ C）；
A、<a href=”http://www.pcnetedu.com”>myhome.jpg</a>
B、<a href=” http://www.pcnetedu.com”><img src=”myhome.jpg”></a>
C、<img src=”myhome.jpg”><a href =”http://www.pcnetedu.com”></a>
D、<a href =http://www.pcneredu.com><img src=”myhome.jpg”>

9、在 HTML源代码中，图像的属性用 ______B____标记来定义。
A、picture
B、img
C、pic
D、image

10、HTML是一种什么语言？（ ）
A、是一种编程语言
B、是一种标记语言
C、是一种脚本语言
D、是一种程序语言

11、将input元素的type属性设置为number类型，并且还可以分别设置min，max,和step属性的值。（ ）

12、当定义input控件的type属性值为text时，可以创建一个单行文本输入框也可以创建一个多行文本框。（ ）

13、当用<textarea>定义多行文本框时，其中用cols来定义多行文本框中每行的字符数。（ ）

14、HTML标签是由尖括号包围的关键词，比如<html>( )

15、HTML标签是成对出现的，比如<div>和</div>（ ）

16、超文本标记语言（HTML）是用来描述网页的一种语言。

17、只要使用HTML5和CSS3开发网页，就不再需要考虑兼容性问题

18、在网页中引用一张片图时，应该使用其url属性来指定图片路径信息

19、在HTML中，与表格一样，表单也能嵌套。

20、当定义input控件的type属性值为text时，可以创建一个单行文本输入框也可以创建一个多行文本框。

项目2 CSS3基础

CSS3基础测试

1、：after伪元素是在元素哪里添加内容？
A、之前
B、之后
C、之左
D、之右

2、为了使CSS3的新特性可以运行在chrome浏览器上，可以使用私有属性
A、-webkit-;
B、-khtml-;
C、-moz-;
D、-chr-

3、请选择可以使单元格中的内容可以进行左对齐的正确HTML标记
A、<td align = “left”>;
B、<td valign = “left”>;
C、<td leftalign >;
D、<tdleft>

4、下面关于样式的说法不正确的是
A、样式可以控制网页背景图片 ;
B、margin属性的属性值可以是百分比 ;
C、字体大小的单位可以是em ;
D、1em等于18像素

5、若设计网页的背景图形为bg.jpg，以下标记中，正确的是
A、<body bground=“bg.jpg”>;
B、<body image=“bg.jpg”>;
C、<body background=“bg.jpg”>;
D、<body bgcolor=“bg.jpg”>

6、在CSS中不属于添加在当前页面的形式是
A、链接式样式表;
B、嵌入式样式表;
C、层叠式样式表;
D、内联式样式表

7、如果层中的图片太大，要设置超出部分照样显示，则 " 溢出 "选项中应选择()
A、visibIe;
B、hidden;
C、scrolI;
D、auto

8、CSS 中的选择器不包括
A、类选择器;
B、超文本标记选择器;
C、类选择器;
D、ID 选择器

9、给所有的＜h1＞标签添加背景颜色的是
A、.h1 { background-color:#FFFFFF}
B、h1 { background-color:#FFFFFF;}
C、h1.all { background-color:#FFFFFF}
D、#h1 { background-color:#FFFFFF}

10、以下选项中属于行内标签的是
A、p
B、div
C、span
D、hr

11、CSS 中，盒模型的属性包括（ ）
A、border
B、margin
C、padding
D、visible

12、边框的样式可以包含的值包括？
A、粗细
B、颜色
C、样式
D、长短

13、下面关于 CSS 的说法正确的有 ( )
A、CSS 可以控制网页背景图片;
B、margin 属性的属性值可以是百分比;
C、整个 BODY 可以作为一个 BOX ;
D、margin 属性不能同时设置四个边的边距

14、下面哪些是复合选择器？
A、伪元素选择器
B、伪类选择器
C、相邻元素选择器
D、子元素选择器

15、在 CSS 定义中，a:hover 必须被置于什么 和什么之后，才是有效的。
A、a:hover
B、a:link
C、a:visited
D、a:active

16、CSS 中的 color 属性用于设置 HTML 元素的背景颜色。

17、使用DIV+CSS3盒子模型的网页，结构清晰，更有利于搜索引擎的搜索

18、DIV+HTML5+CSS是目前经典的CSS盒子模型方式

19、左右两栏+页眉+页脚版式用于对网页结构的排版

20、不可以通过设置父元素的伪元素after的样式来实现其高度自适应变化

21、当子元素全部使用浮动排版时，父元素的高度不能自适应变化

项目3 CSS3+DIV页面结构布局

CSS3+DIV测试

1、要进行浮动，使用的CSS属性是
A、float
B、position
C、margin
D、z-index

2、要进行定位，使用的CSS属性是
A、float
B、position
C、margin
D、Z-index

3、京东首页中，随着拉伸屏幕，上方的搜索工具栏，始终在固定位置，请问这种导航，采用哪种定位方式？
A、absolute
B、relative
C、fixed
D、static

4、以下不是float属性的是
A、left
B、none
C、right
D、all

5、在CSS中，关于BOX的margin属性的叙述正确的是
A、边距margin只能取一个值
B、margin属性的参数有margin-left、margin-right、margin-top、margin-bottom
C、margin属性的值不可为auto
D、margin属性的参数值不能全部设置成0px

6、怎样使一个层垂直居中于浏览器中
A、padding: 50% 50%
B、margin: 50% 50%
C、margin: 0 auto
D、margin: -100 auto

7、css中 body{ padding-left:20px;}表示
A、页面左边的表格大小
B、页面左边的空白大小
C、页面左边的可用区域大小
D、页面左边的可编辑区域大小

8、在CSS中，下面不属于BOX模型属性的有
A、font
B、margin
C、padding
D、border

9、通常我们使用clear的（ ）属性解决浮动塌陷
A、Left
B、right
C、both
D、none

10、下列属性哪一个能够实现层的隐藏
A、display:false
B、display:hidden
C、display:none
D、display:" "

11、以下可以改变元素的左外补丁的属性是
A、margin
B、indent
C、margin-left
D、text-indent

12、CSS是利用HTML的（ ）标记构建网页布局
A、＜p＞
B、＜div＞
C、＜table＞
D、＜ul＞

13、关于DIV标记，下列说法错误的是
A、DIV是一个无任何语义的标签
B、若将DIV设置宽高，若其背景图片比它大，则多余的背景图片显示不出来
C、若将某个DIV标记的visibility属性设为hidden，则该DIV标记会让出其原来占有的空间
D、可以用DIV来制作导航菜单

14、下列说法中正确的是() 。
A、层的 Z轴越小，层的叠放位置就越靠近顶部
B、层的 Z轴越大，层的叠放位置就越靠近底部
C、所有层的 Z 轴的大小不能重复
D、在层面板中睁眼的层表示显示层，闭眼的层表示隐藏层

15、CSS的盒子模型由内容（content）、边框（border）、内边距（padding）、外边距（margin）组成。

16、CSS盒子模型中，margin表示内边距。

17、盒子的默认定位为fixed，即固定定位

18、;盒子的相对定位是指相对于其身原有位置进行偏移，一般会结合left、right、top、bottom属性使用

19、绝对定位是以其父元素为参考对象，绝对定位的元素会脱离文档流;

20、padding是盒子的内补丁，即盒子边框到内容之间的部分

21、所有的盒子模型在默认情况下都按w3c标准进行解析

22、CSS盒子模型中，{ margin：0 auto}可以使块元素水平居中显示。

23、CSS中，margin允许使用负值

24、div是典型的块（block）元素

项目4 CSS3新增动画特效

CSS3新增动画效果测试题

1、使用transform属性不能实现下列哪个效果？
A、将元素向左和右进行移动
B、将元素变得透明
C、将元素向右进行旋转
D、将元素的原点修改为左上角

2、下列选项中不可以实现对元素缩放的是？
A、transform:scale（10，20）
B、transform:scal(10)
C、transform:scaleX（-2.0）
D、transform:scaleX（-2.0deg）;

3、下列选相适应transform-origin属性错误的是？
A、transform-origin：top left
B、transform-origin：100px left
C、transform-origin：-20deg 10deg
D、transform-origin：10% 50%;

4、下列不属于transition子属性的是？
A、transition-property
B、transition-duration
C、transition-function
D、transition-delay

5、下列不属于CSS3中过渡效果名称的是？
A、ease
B、fade
C、linear
D、cubic-bezier

6、下列transition-delay属性的用法中，错误的是?
A、transition-delay：50s
B、transition-delay：-50s
C、transition-delay：-50ms
D、transition-delay：none;

7、下列哪个关键帧选择器是错误的？
A、begin
B、form
C、10%
D、0%

8、下列不属于animation子属性的是？
A、animation-direction
B、animation-count
C、animation-fill-mode
D、animation-timing-function

9、下列选相适应transform-origin属性错误的是？
A、transform-origin：top left;
B、transform-origin：100px left;
C、transform-origin：-20deg 10deg;
D、transform-origin：10% 50%;

10、下列选项中不可以实现对元素缩放的是？
A、transform:scale（10，20）;
B、transform:scal(10);
C、transform:scaleX（-2.0）;
D、transform:scaleX（-2.0deg）;

11、动画下列哪个关键帧选择器是错误的？
A、begin;
B、form;
C、10%;
D、0%；

12、下列不属于CSS3中过渡效果名称的是？
A、ease;
B、fade;
C、linear;
D、cubic-bezier

13、当过渡效果需要应用到所有CSS属性上时，应该将transition-property设置为___值

14、要将元素顺时针旋转45度，应该使用代码transform：

15、如果要实现平移功能应该将transform属性设置为：___

16、在CSS3中，要创建动画必须使用：___属性定义关键帧集合

17、使用___属性可以定义要应用的动画名称。

18、当过渡效果需要应用到所有CSS属性上时，应该将transition-property设置为___值

19、如果要实现平移功能应该将transform属性设置为：

20、要将元素顺时针旋转45度，应该使用代码transform：

项目5 JavaScript

JavaScript知识点测试

1、产生当前日期的方法是 ( )
A、Now()
B、Date()
C、new Date()
D、new Now()

2、在 HTML 页面上编写 Javascript 代码时，应编写在（）标签中间。
A、<javascript> 和</javascript>
B、和
C、<head> 和</head>
D、<body> 和</body>

3、分析下面的 JavaScript 代码段： var a=15．49; document．write(Math ．round(a)); 输出的结果是 ()。
A、15
B、16
C、15．5
D、15．4

4、下列哪个函数可以将参数转换为浮点数？
A、isNaN()
B、parseInt()
C、Number()
D、parseFloat()

5、下列 JavaScript 的循环语句中 ( )是正确的
A、if(i<10;i++)
B、for(i=0;i<10)
C、for i=1 to 10
D、for(i=0;i<=10;i++)

6、用户更改表单元素 Select 中的值时，就会调用（ ）事件处理程序。
A、onclick
B、onfocus
C、onMouseOver
D、onchange

7、onfocus事件表示（ ）
A、失去焦点
B、获得焦点
C、内容发生改变
D、文本被选中

8、在javascript中的switch语句的语法如下 switch(表达式){ case 常量1： 语句； break； case 常量1： 语句； break； default： 语句； } 下面描述正确的是（ ）
A、switch语句用于重复执行一个语句块的操作
B、switch语句根据表达式的值执行若干语句块之一，如果没有匹配项，则执行默认语句块中的语句
C、switch语句表达式中值不能与后面的case语句中的常量相匹配时将出现运行错误
D、switch语句又叫循环语句

9、在HTML中，以下代码（ ）可以正确显示弹出对话框的是
A、<script language=“javascript”> confirm(“欢迎学习。net”);
B、;<script language=“javascript”> alert(“欢迎学习。net”);
C、;<script language=“javascript”> document.write(“欢迎学习。net”);
D、;<script language=“javascript”> document.open(“欢迎学习。net”);

10、网页编程中，运行下面的 javascript 代码： <script language=”javascript”> x=3; y=2; z=(x+2)/y; alert(z); 则提示框中显示（）
A、2
B、2．5
C、32/2
D、16

11、分析下面的 Javascript 代码段 var p=2; switch (p){ case 1 : document.write("case 1"); case 2 : document.write("case 2"); default : document.write(" default"); } 输出的结果是（ ）
A、case1;
B、case2;
C、default;
D、case2 default

12、JS特性包括 ( )
A、解释性
B、用于客户端
C、基于对象
D、面向对象

13、下列关于 Javascript 的说法中不正确的是 ( )
A、所有变量在使用之前必须做声明
B、Javascript 是面向对象的程序设计语言
C、Javascript 是解释性语言
D、Javascript 前身是 Oak 语言

14、Javascript代码可以放在<head></head>中，也可以放在<body></body>之间

15、在JavaScript的语法中，句末的分号”;”是JavaScript程序作为一个语句结束的标识符。

16、.JavaScript代码可以在同一个HTML网页的头部与主体部分同时嵌入，并且在同一个网页中可以多次嵌入JavaScript代码。

17、使用JavaScript脚本来调用外部的JavaScript文件，<script src=”hello.js”>

18、JavaScript对字母大小写不敏感。

19、JavaScript中可以折行，如document.write\(“Hello World”)。

20、一个关键字var可以同时声明多个变量名。

21、变量名username与userName是一样的。

22、使用单引号对（ ' ' ）表示字符常量，而使用双引号对（ " " ）表示字符串常量。

23、Do-while语句结尾处的while条件语句的括号后面有一个分号“；”，该分号可以不能省略。

24、<script type=”text/javascript”> x=5+5; document.write(x); 输出结果为：___

25、<script type=”text/javascript”> x=“5”+“5”; document.write(x); 输出结果为：___

26、<script type=”text/javascript”> x=1+4+“8”; document.write(x); 输出结果为：___

项目6 浏览器对象模型BOM

浏览器对象模型测试题

1、显示带有一段消息和一个确认按钮的警告框可以使用（）
A、prompt()
B、alert()
C、confirm()
D、open()

2、在指定的毫秒数后调用函数或执行一段代码的是（）
A、setInterval()
B、clearInterval()
C、clearTimeout()
D、setTimeout()

3、加载history列表中的下一个URL，使用下列哪一个函数（）
A、back()
B、forward()
C、go()
D、length()

4、把键盘焦点给予一个窗口使用下列哪个函数（）
A、open()
B、print()
C、close()
D、focus()

5、（）用于获取浏览器的相关数据，如浏览器的名称、版本等，也成为浏览器的嗅探器。
A、document文档对象
B、screen屏幕对象
C、navigator浏览器对象
D、location地址栏对象

6、open()方法的哪个外观参数可以设置是否显示滚动条？
A、location
B、menubar
C、scrollbars
D、toolbar

7、window 对象的 open 方法返回的是 ( )
A、返回打开新窗口的对象;
B、boolean 类型，表示当前窗口是否打开成功;
C、没有返回值;
D、返回 int 类型的值，开启窗口的个数

8、哪个对象包括了alert( )方法.
A、window
B、document
C、location
D、body

9、以下哪个对象可用来在浏览器窗口中载入一个新网址( )
A、document.url
B、window.location
C、window.url
D、window.close

10、BOM对象主要包括哪几种对象？
A、window（窗口）
B、navigator（浏览器程序）
C、screen（屏幕）
D、location（地址）
E、history（历史）
F、document（文档）

11、BOM是指浏览器对象模型，在实际开发中，JavaScript经常操作浏览器窗口及窗口上的控件，实现用户和页面的动态交互。

12、history用于获取当前浏览器中URL地址栏内的相关数据。

13、screen屏幕对象：可获取与屏幕相关的数据。如屏幕的分变率、坐标信息等。

14、confirm()用于显示可以提示用户输入的对话框。

15、prompt()用于显示带有一段消息以及确认按钮和取消按钮的对话框

16、window.defaultStatus 属性——改变浏览器状态栏的默认显示 (当状态栏没有其它显示时 )，浏 览器底部的区域称为状态栏，用于向用户显示信息

17、prompt() 显示可提示用户输入的对话框

18、setTimeout() 在指定的秒数后调用函数或表达式

19、close() 不能关闭浏览器窗口

20、blur() 把键盘焦点从顶层窗口移开

项目7 jQuery

jQuery测试题

1、jQuery通过对______的封装，简化了HTML与JavaScript之间的操作。
A、javascript
B、jQuery
C、java
D、script

2、jQuery中，$()函数中的$可以替换为______。
A、javascript
B、jQuery
C、java
D、script

3、HTML页面中利用_____标签可引入jQuery库。
A、href
B、script
C、style
D、link

4、与prev + next选择器作用相同的方法是______。
A、nextsiblings()
B、next()
C、find()
D、eq()

5、:eq(index)选择器的index值从_____开始。
A、0
B、1
C、2
D、3

6、下列哪项不属于jQuery中操作DOM节点的方法。（ ）
A、append()
B、prepend()
C、before()
D、attr()

7、jQuery中用于控制元素显示的方法是（）。
A、show()
B、hide()
C、fadeIn()
D、fadeTo()

8、切换元素的透明度可使用jQuery提供的_____方法。
A、fadeIn()
B、fadeout()
C、fadeTo()
D、toggle()

9、若要实现自定义动画，需调用jQuery中______方法。
A、show()
B、animate()
C、fadeIn()
D、fadeTo()

10、下列关于jQuery的优势，说法正确的有（ ）。
A、文档很全面
B、兼容性很好
C、少量的代码实现，更多的效果
D、拥有成熟的插件

11、jQuery选择器按照功能可以分为3类，它们是______、______和______。
A、基本选择器
B、层级选择器
C、过滤选择器
D、子元素选择器

12、下列选项中，属于jQuery可见性过滤选择器的是（ ）。
A、:display
B、:hidden
C、:show
D、:visible

13、下列选项中，与元素索引值相关的选择器是（ ）。
A、:even
B、:odd
C、:not(selector)
D、:last

14、jQuery中用于操作元素内容的方法有______和______。
A、text()
B、html()
C、val()
D、remove()

15、Chrome开发者工具提供了Web开发工具和调试工具。

16、jQuery是一个常用的JavaScript库，但不属于轻量级的库。

17、jQuery对象可以转化为DOM对象，但DOM对象不能转换为jQuery对象。

18、jQuery对象可以调用DOM中的方法。

19、:button选择器可以用来获取使用button元素定义的按钮。

20、创建节点、插入节点、删除节点都属于jQuery中的DOM操作。

21、元素调用toggle(false)方法在jQuery中表示在两种状态之间切换。

22、animate()方法无参时使用默认方式显示动画。

23、jQuery中支持动画效果的自定义动画。

24、元素调用slideUp()方法表示以滑动方式向上收起。

25、正在执行动画的元素直接调用stop()方法即可停止动画队列中动画的执行。 过滤选择器“:animated”可以匹配所有正在执行动画效果的元素。

文章版权及转载声明

本文地址：http://www.zzxhsh.org/68e799892.html发布于 2024-05-19 07:16:15
文章转载或复制请以超链接形式并注明出处五煦查题

评论列表 （暂无评论，44人围观）参与讨论