moocWeb前端技术_2答案(慕课2023完整答案)
45 min readmoocWeb前端技术_2答案(慕课2023完整答案)
第一单元测验
1、端技一个基本的术答HTML文档由HTML、HEAD和BODY三部分组成。案慕案
2、课完HTML文档以<html>标签开始，整答</html>标签结束
3、端技HEAD部分以<head>标签开始，术答</head>标签结束 。案慕案
4、课完BODY部分以<body>标签开始，整答</body>标签结束 。端技
5、术答HEAD部分是案慕案HTML文档的主体，包含了绝大部分需要呈现给浏览者浏览的课完内容
6、超文本传输协议简称（）
7、整答超文本标签语言简称（）
8、统一资源定位符简称（）
9、HTML文档以（）标签开始
10、一个基本的HTML文档由HTML、HEAD和（）三部分组成。
第一单元作业
1、完成第一网页制作。显示HelloWord.
第二章 标记语言（一）
第二章 标记语言（一）-测验
1、某网页地址是“http://www.abc.com/dir1/dir2/2.htm”，其中包含指向其他网页的相对URL“./1.htm”，则目标网页的绝对URL是：
A、http://www.abc.com/dir1/dir2/1.htm
B、http://www.abc.com/dir1/dir2/2.htm/1.htm
C、http://www.abc.com/1.htm
D、http://www.abc.com/dir1/1.htm
E、http://1.htm
2、某网页地址是“http://www.abc.com/dir1/dir2/2.htm”，其中包含指向其他网页的相对URL“/1.htm”，则目标网页的绝对URL是：
A、http://www.abc.com/dir1/dir2/1.htm
B、http://www.abc.com/dir1/dir2/2.htm/1.htm
C、http://www.abc.com/1.htm
D、http://www.abc.com/dir1/1.htm
E、http://1.htm
3、某网页地址是“http://www.abc.com/dir1/dir2/2.htm”，其中包含指向其他网页的相对URL“../1.htm”，则目标网页的绝对URL是：
A、http://www.abc.com/dir1/dir2/1.htm
B、http://www.abc.com/dir1/dir2/2.htm/1.htm
C、http://www.abc.com/1.htm
D、http://www.abc.com/dir1/1.htm
E、http://1.htm
4、想在网页中插入图片，应使用什么标记？
A、img
B、image
C、pic
D、logo
5、以下哪段代码可以在新窗口或新的标签页打开链接？
A、<a href="http://www.blcu.edu.cn" target="_blank">北京语言大学</a>
B、<a href="http://www.blcu.edu.cn" target="_self">北京语言大学</a>
C、<a href="http://www.blcu.edu.cn" window="_new">北京语言大学</a>
D、<a href="http://www.blcu.edu.cn" window="_blank">北京语言大学</a>
第三章 网页样式管理
第三章 网页样式管理-测验
1、以下哪种技术扩展了HTML在排版和文字样式上的功能？
A、CSS
B、XHTML
C、style
D、JavaScript
2、在HTML标记内使用CSS样式定义，应将样式定义写在（ ）属性值中。
A、style
B、look
C、display
D、class
E、id
3、在网页内部集中定义样式，可以使用内部样式表。内部样式表写在（ ）标记内。
A、style
B、css
C、font
D、link
4、以下哪一个是ID选择器？
A、tid
B、.tid
C、#tid
D、>tid
5、以下哪一个是类选择器？
A、demo
B、.demo
C、#demo
D、>demo
第三章单元作业
1、编写一个网页，内容包括你最喜欢的诗句（文本属性），并对诗句进行美化（文字属性），在为所选诗句添加好看的背景（背景属性）。
第四章 标记语言（二）
第四章 标记语言（二）-测验
1、在HTML中，无序列表标记是：
A、ol
B、ul
C、dl
D、list
2、在HTML中，有序列表起始列表项的序号可以使用什么属性指定？
A、first
B、li
C、start
D、number
3、如果想让用户在网页上填写一些信息提交给服务器，应在网页中使用哪类元素？
A、标题
B、段落
C、空白
D、表单
4、一个网页的body元素中包含以下代码：<input type="radio" name="option" />。则该网页中一定存在：
A、单选按钮
B、文本框
C、下拉列表
D、多选框
5、为了避免中文网页在浏览器中显示时产生乱码，最好在网页中使用（ ）标记说明网页使用的编码字符集？
A、head
B、meta
C、keywords
D、title
HTML作业
1、在4-1节我们学习了表格标记，请设计一个使用了表格标记的网页。要求： A：这个网页要有用，不能像课堂讲解那样，仅仅为了展示表格标记。提示：你可以用表格标记制作课程表、日程安排、通讯录...... B：尽可能多地使用4-1节中讲到的表格标记及属性。 C：提交的答案应包括：（1）网页用途；（2）网页源代码；（3）列出你使用的4-1节中讲到的表格标记及属性。
HTML作业 表单和表格
1、利用HTML表单标签和表格标签，设计实现某网站的注册网页。
第五章 CSS布局
第五章 CSS布局-测验
1、在盒子模型中，内边距的样式名称是：
A、margin
B、padding
C、height
D、border
E、weight
F、width
2、如果一个网页中包含如下代码： <div style="border-style:solid;border-width:15px 2px 5px 10px;">123</div> 则该div元素的上边框宽度为：
A、15px
B、2px
C、5px
D、10px
3、在流布局下，如果想使行内元素按块级元素布局，可以使用怎样的样式定义？
A、tag:div;
B、display:in-line;
C、display:block;
D、display:none;
4、以下哪种样式定义可以使元素进行浮动布局？
A、display:float;
B、style:float;
C、layout:float
D、float:left;
5、以下关于定位布局的说法，正确的是：
A、网页元素定位位置重叠时，z-index取值大的元素覆盖在z-index取值小的元素之上。
B、绝对定位的含义是，元素相对于浏览器的左上角进行定位。
C、绝对定位的含义是，元素相对于浏览器的右上角进行定位。
D、相对定位的含义是，元素相对于其父元素进行定位。
CSS作业
1、在5-4节我们学习了定位布局，请在以下2个网页需求中，任选其一，完成本次作业。 A：彩色文字错位重叠效果（要求：有三个网页元素包含相同的文字内容），效果见下图。 B：文字元素覆盖在图片元素之上（要求：图片与网页在同一个目录下），效果见下图（注：a.“春天”是网页中的文字内容，而不是图片上的自带的文字；b.图片是用img标记插入的，而不是网页的背景图片。） C：提交的答案应包括：（1）你选择的是A作业？还是B作业？（2）网页源代码。
第六章 JavaScript概述
第六章 JavaScript概述-测验
1、以下哪一项网页设计需求必须使用JavaScript技术？
A、当用户离开网页时，弹出对话框询问用户“是否要将本网站加入收藏夹？”
B、用“一号标题”向用户提示重要信息
C、使用无边框的表格对齐网页中的部分元素
D、用户鼠标移动到一级菜单时，显示出二级菜单；移出一级菜单时，该二级菜单隐藏。
2、以下关于JavaScript的论述，错误的是：
A、JavaScript是一种网页客户端技术
B、JavaScript是一种标记语言
C、JavaScript是一种脚本语言
D、JavaScript具有跨平台特征
3、在JavaScript中进行时间相关的操作时，可以使用哪种对象？
A、Math
B、Date
C、Time
D、Clock
4、嵌入网页内部的JavaScript代码应该放在哪种标记中间？
A、js
B、javascript
C、language
D、script
5、若想测试JavaScript的“单击鼠标左键”事件是否有效，可以使用哪段代码？
A、<p onClick="alert(1)">1</p>
B、<p onClick="var d=new Date();">1</p>
C、<p js="click()">1</p>
D、<p click="click()">1</p>
第七章 JavaScript基本语法
第七章 JavaScript基本语法-测验
1、以下哪一项是JavaScript中的注释符号？
A、#
B、//
C、!
D、<!-- -->
2、在JavaScript中，使用var（ ）。
A、链接变量
B、声明变量
C、使用变量
D、删除变量
3、运行下列JavaScript代码，则弹出的对话框中显示的数值是多少？ var a=(5>9)?56:80; alert(a);
A、5
B、9
C、56
D、80
4、与下列语句组等效的语句组是： document.write ("123<br>"); document.write ("456");
A、for (document) { write ("123<br>"); write ("456"); }
B、with (document) { write ("123<br>"); write ("456"); }
C、foreach (document) { write ("123<br>"); write ("456"); }
D、while (document) { write ("123<br>"); write ("456"); }
5、以下哪个语句组可以用来进行自定义对象的实例化？
A、function a(x) { var y=Math.PI*x; } var ao=new a(2);
B、function a(x) { this.X=x*x; } var ao=new a(2);
C、function a(x) { this.X=x*x; } var ao=a(2);
D、function a(x) { var y=Math.PI*x; } var ao=a(2);
第八章 JavaScript客户端扩展
第八章 JavaScript客户端扩展-测验
1、在BOM模型中，根对象是：
A、windows
B、window
C、document
D、documents
2、如果想通过弹出的对话框让用户输入数字，那么应该使用哪个方法？
A、prompt
B、alert
C、textbox
D、confirm
3、以下哪个语句可以访问网页中的一个p元素？
A、document.getElementsByTagName("p")
B、document.getElementsByTagName("p")[0]
C、document.getElementByTagName("p")
D、document.getElementByTagName("p")[0]
4、在DOM模型中，根对象是：
A、document
B、documents
C、window
D、windows
5、以下哪个属性的值中包含浏览器信息？
A、navigator.version
B、window.version
C、navigator.userAgent
D、window.userAgent
第九章 JavaScript应用案例
第九章 JavaScript应用案例-测验
1、JavaScript数组下标从（ ）开始。
A、0
B、1
C、-1
D、2
2、var seed=Math.floor(Math.random()*100) 在上述语句中，整数seed的取值范围是：
A、大于等于0并且小于等于100
B、大于等于0并且小于100
C、大于0并且小于等于100
D、大于0并且小于100
3、语句setTimeout("test()",20)的含义是：
A、20秒后执行test()函数
B、20毫秒后执行test()函数
C、每隔20秒执行一次test()函数
D、每隔20毫秒执行一次test()函数
4、对于以下JavaScript语句： var num="1.82"; alert(temp+8); 则弹出对话框中的内容为：
A、9.82
B、1.828
C、1.90
D、2.62
5、为网页元素的（ ）属性赋值，可以改变网页的显示内容。
A、innerHTML
B、InnerHTML
C、InnerHtml
D、innerHtml
JavaScript作业
1、制作一个网页，页面上有两个文本框和一个按钮（按钮上的文字为“提交”），用户在第一个文本框中输入信息后，用鼠标单击按钮，将在第二个文本框中显示：您输入的是"......"，其中......为用户在第一个文本框中输入的内容，该内容在英文双引号内部。 例如： 用户在第一个文本框中输入：Hello World! 点击按钮后， 第二个文本框中显示：您输入的是"Hello World!"
中国大学Web前端技术_2
随着互联网技术的不断发展，Web前端技术也越来越受到重视。作为一名中国大学生，学习Web前端技术是非常有必要的。本文将介绍中国大学Web前端技术的相关内容。
一、学习Web前端技术的必要性
随着Web应用程序的普及，Web前端技术变得越来越重要。Web前端技术主要包括HTML、CSS和JavaScript等。学习Web前端技术可以帮助我们更好地理解Web应用程序的运作机制，以及如何创建美观、易用的Web页面。
此外，Web前端技术的需求量也在不断增加。越来越多的企业需要招聘Web前端工程师，在工作市场上有越来越多的就业机会。因此，学习Web前端技术可以为我们的就业打下坚实的基础。
二、学习Web前端技术的途径
学习Web前端技术的途径主要分为两种：自学和参加培训班。
自学是一种很好的学习方式，它可以根据自己的学习进度和时间自由安排学习计划。自学也可以通过各种在线学习网站，如慕课网、网易云课堂、Coursera等来学习。这些网站提供了海量的Web前端课程，非常适合自学和进阶。
参加培训班则是一种更加正规的学习方式。培训班可以提供专业的课程体系和优秀的师资力量，更有利于学习成果的提高。当然，培训班的学费也相对较高，需要考虑自己的经济条件。
三、中国大学Web前端技术的发展
中国大学Web前端技术的发展已经有了很大的进步。越来越多的大学开始开设Web前端技术课程，如清华大学、南京大学、华中科技大学等。这些课程不仅提供了基础的Web前端知识，还涉及到一些实用的Web前端技术，如React、Vue等。
此外，越来越多的大学生开始关注Web前端技术的发展，并且积极参与到Web前端技术的开发中。他们通过自己的努力和创新，为中国Web前端技术的发展做出了积极的贡献。
四、中国大学Web前端技术应该学些什么？
中国大学Web前端技术的学习应该注重以下几个方面：
- HTML和CSS的基础知识。HTML和CSS是Web前端技术的基础，学习这两门技术是建立Web前端技术知识体系的基础。
- JavaScript语言的掌握。JavaScript语言是Web前端开发中不可或缺的一部分，学习JavaScript可以使我们更好地处理用户交互、数据交互等方面的问题。
- 相关框架和库的学习。React、Vue等框架和库已经成为Web前端开发中的热门技术。掌握这些框架和库可以使我们更加高效地开发Web应用程序。
- 团队协作和项目管理能力的提高。Web前端技术不仅仅是技能的堆积，更需要具备良好的团队协作和项目管理能力。这需要我们注重实战演练和实践经验。
五、总结
中国大学Web前端技术的发展已经有了很大的进步，越来越多的大学开始开设Web前端技术课程，越来越多的大学生开始关注Web前端技术的发展。学习Web前端技术可以帮助我们更好地理解Web应用程序的运作机制，以及如何创建美观、易用的Web页面。学习Web前端技术的途径主要分为自学和参加培训班。Web前端技术的学习应该注重HTML和CSS的基础知识、JavaScript语言的掌握、相关框架和库的学习，以及团队协作和项目管理能力的提高。
