Web practice of Educoder
关注
分享
扫一扫
文章平均质量分 90
主要是一些实训参考答案，供大家交流学习。
糯米小辣条
这个作者很懒，什么都没留下…
展开
-
JS条件语句
第1关：if-else类型任务描述本关任务：根据成绩判断考试结果。相关知识在编程中，我们常常根据变量是否满足某个条件来执行不同的语句。JavaScript中利用以if关键字开头的条件语句达到以上目的，根据if后面括号内表达式的计算结果来进行分支控制。if语句一段完整的JavaScript语句相当于一条主干路，从第一句开始执行直到最后一句。而if语句是一条连接在干路上的支路，满足某个条件时程序进入支路中执行，执行完后回到干路。如下所示：条件成立指if后面的括号内的表达式的计算结果为true。原创 2021-01-07 17:44:14 · 7869 阅读 · 0 评论 -
JS文档元素的操作
第1关：通过id获取文档元素任务描述本关任务：通过id获取指定的文档元素。相关知识什么是DOMDocument Object Module，简称DOM，中文名文档对象模型。在网页上，组成页面（又叫文档）的一个个对象被组织在树形结构中，用这种结构表示它们之间的层次关系，表示文档中对象的标准模型就称为DOM。DOM的作用是给HTML文档提供一个标准的树状模型，这样开发人员就能够通过DOM提供的接口去操作HTML里面的元素。文档元素先看一段网页代码：<html> <he原创 2020-12-28 09:13:19 · 3204 阅读 · 0 评论 -
JS浏览器对象模型
第1关：定时器任务描述本关任务：学习设置和取消定时器。相关知识JavaScript中定时器的作用是在指定的时间或者时间间隔之后执行函数，可以用来对网页上的数据做实时的更新，比如网页上的北京时间的更新：这个可以通过每隔一秒执行一次时间更新函数来实现。定时器的实现有两种方式，一个是window.setTimeout()函数，一个是window.setInterval()函数，本关讲解第一种。设置定时器window.setTimeout(a,b)用来指定函数a在延迟b毫秒时间后执行，即在wind原创 2020-12-28 08:43:42 · 1943 阅读 · 0 评论 -
JS事件处理
第1关：注册事件处理程序任务描述本关任务：为指定的事件注册事件处理程序。相关知识页面上的每一个元素，会发生几种不同的事件，比如表单元素，可能会发生提交事件，也可能发生重置事件，我们需要为每一个事件绑定一个事件处理程序，也叫为事件注册事件处理程序。下面是三种注册事件处理程序的方法。为JavaScript对象设置一个函数页面上的元素对应一个JavaScript对象，元素的每一个事件对应对象的一个属性，比如：<form id="myForm"></form>var myF原创 2020-12-28 08:11:27 · 3977 阅读 · 2 评论 -
JS数学对象、日期对象
第1关：Math类任务描述本关任务：练习使用Math类的常用方法。相关知识Math用于进行数学计算，没有构造函数。常用的数一些常用的无理数的表示方法：console.log(Math.PI);//输出3.141592653589793console.log(Math.pi == 3.141592653589793);//trueconsole.log(Math.pi == 3.14);//false向上取整Math.ceil(x)实现向上取整，返回大于等于x且离x最近的整数。con原创 2020-12-27 14:13:38 · 2162 阅读 · 0 评论 -
JS字符串对象
第1关：查找字符串的位置任务描述本关任务：调用JavaScript内置的函数实现字符串的查找。相关知识indexOf()子字符串指一个字符串中连续的一部分。上图中有两个字符串aaabc和abc，将abc从左往右在aaabc中查找，第一次出现的位置是在aaabc的索引2处。indexOf()就是返回某个字符串在字符串中首次出现的位置。如果搜索到尾部还没有找到，返回-1。indexOf(a,b)中参数a是字符串；b是开始查找的位置，即从调用者（一个字符串）的第几个位置开始查找，可选。var原创 2020-12-27 14:03:34 · 3525 阅读 · 0 评论 -
JS函数
第1关：用函数语句定义函数任务描述本关任务：用函数语句定义一个函数。相关知识函数的定义是指用一段代码实现函数的功能，通常的定义方式以关键字function开头。用函数语句定义先给一个例子，该函数的功能是返回数组元素的和；function sumArray(arr) {var sum = 0;for(var i = 0,aLength = arr.length;i < aLength;i++) {sum += arr[i];}return sum;}关键字function后面原创 2020-12-27 13:50:23 · 9095 阅读 · 2 评论 -
JS循环语句
第1关：while类型任务描述质数的定义如下：大于1的自然数，且除了1和本身外没有别的因数。如2、3、5、7。本关任务：利用循环结构求质数的和。相关知识在选择结构中，条件会被测试一次，成立则执行if内语句，结束后回到主线执行下一条语句。循环结构在执行结束后会再次判断条件是否成立，这样一直重复下去直到条件不成立。本关将介绍while型循环结构。while类型while类型的循环结构如下：while(条件表达式){//条件成立执行里面的语句}和条件语句一样，循环语句先判断条件表达式是否原创 2020-12-27 13:36:44 · 5829 阅读 · 0 评论 -
JS数组对象
第1关：数组的创建、读写和长度任务描述本关任务：掌握创建数组的方法，获取数组的元素和长度。相关知识数组的出现就是为了批量处理数据。数组的创建创建数组有两种方法，一是使用数组字面量，简单来说就是在[]之中列出数组的所有元素：var numberArray = [1,2,3,4,5];//数字数组var stringArray = [“java”,“script”,“edu”,“coder”];//字符串数组var mixArray = [1,2,“java”,true,6.6];//混合数组原创 2020-12-27 13:03:38 · 3066 阅读 · 1 评论 -
JS对象
第1关：对象的创建任务描述本关任务：创建你的第一个JavaScript对象。相关知识JavaScript是一种基于对象（Object-based）的语言，在JavaScript中，对象的创建和Java不同，既有Java使用的构造函数方式，也有其他方法。对象的定义JavaScript中的一切都是对象，这是该语言的一个很大的特点。像字符串、数组等已经定义的对象叫做内置对象。用户自己也可以定义对象，叫做自定义对象。本实训讲的对象特指自定义对象，自定义对象指数据和函数（又叫方法）的集合。数据指变量名和变原创 2020-12-27 12:45:01 · 2397 阅读 · 0 评论 -
JS运算符
第1关：算术运算符任务描述本关任务：给定两个字符串变量，把它们转为数字后相除，拼接被除数、除数和余数为一个新的字符串。例如：a为"5"，b为"3"，则c为数字2，拼接后结果为字符串"532"。a为"23asdf"，b为"3fe"，则c为数字2，拼接后结果为字符串"23asdf3fe2"。相关知识JavaScript中的算术运算符除了数学中常见的加减乘除外，还有递增、递减和取余等。+ - * / %运算符JavaScript中的加号除了具有数学中将两个数字相加的作用外，还能对字符串做连接操作。原创 2020-12-27 11:58:06 · 4437 阅读 · 0 评论 -
JS数据类型
第1关：JavaScript数据类型介绍任务描述本关任务：在函数objectTest()内部定义了六个变量a，b，c，d，e，f，并已经赋值，你需要判断它们各是什么数据类型。变量aType，bType，cType，dType，eType，fType分别表示上面六个变量的数据类型的名字，你需要给他们赋值。比如变量a如果是数字类型，需要给变量aType赋值字符串number。可选的数据类型名如下：number、string、bool、object、undefined和array分别表示数字、字符串、布尔型原创 2020-12-27 11:39:04 · 2787 阅读 · 0 评论 -
JS简介
第1关：JavaScript 语言介绍、注释及基本输出方式任务描述要了解一门编程语言，要从输出开始。本关任务：采用相关知识中介绍的任意一种方法输出“ Hello, JavaScript! ”。相关知识JavaScript 语言简介JavaScript 诞生于1995年。在那个时代用户提交一个表单需要获取服务器端的反馈，这个时间大概十几秒，如果能在客户 qa 端完成一些基本的验证绝对是很大的进步。当时如日中天的 Netscape 公司，决定着手开发一种客户端语言解决简单的表单验证。就职于 Nets原创 2020-12-27 11:26:45 · 2477 阅读 · 0 评论 -
CSS从入门到精通——文本与字体样式
第1关：字体颜色、类型与大小本关任务本关任务是使用CSS字体属性设置页面字体。任务完成之后，页面效果如下：相关知识一般而言，用于文本的CSS属性可以分为如下两类：字体样式：用于字体的属性，包含字体类型、大小、粗细等；文本布局风格：用于设置文本的间距以及其他布局功能的属性，包含设置字与字之间的空间，文本如何对齐等等。在本关卡中，我们首先学习第一种字体样式属性。字体颜色 color字体最直观的属性之一即前景内容的颜色，我们通过 color 属性指定字体的颜色。例如：<!DOCTYPE原创 2020-12-25 13:50:16 · 13443 阅读 · 1 评论 -
CSS从入门到精通——基础选择器
第1关：CSS 元素选择器任务描述在完成本实训之后，你将掌握元素选择器、类选择器和id选择器这三种基础选择器。你将会学会独立制作如下新闻主页页面：本关任务：熟悉元素选择器，使用属性选择器修改文档样式。任务实现效果如图：相关知识元素选择器最常见和易理解的CSS选择器是元素选择器，又称为类型选择器。也就是将HTML文档中的元素，直接作为选择器使用。例如对于HTML页面：<body> <h1>标题1</h1> <h2>标题2</h原创 2020-12-25 13:19:44 · 4940 阅读 · 2 评论 -
CSS从入门到精通——背景样式
第1关：背景颜色任务描述本关任务：在本关中，我们将学习如何使用CSS去更改HTML元素的背景属性。本关任务完成之后的效果图如下：背景色我们可以使用background-color为元素设置背景色，通常属性值为颜色名称或颜色编码。因为HTML文档中body元素包含了HTML文档的所有内容，所以如果要改变整个页面的背景颜色，只需要设置body元素的background-color属性。例如：<!DOCTYPE html><html><head> &l原创 2020-12-25 12:56:38 · 10803 阅读 · 0 评论 -
CSS样式规则
第1关：CSS基础知识任务描述本关任务：完成一组CSS相关的概念题。相关知识为了完成本关任务，你需要掌握：1.什么是CSS？，2.CSS的特点，3.浏览器前缀，4.CSS样式规则，5.引入CSS样式的方法。什么是CSSCSS是Cascading Style Sheets（层叠样式表）的缩写，它是一种对Web文档添加样式的简单机制，是一种表现HTML或XML等文件外观样式的计算机语言，是一种网页排版和布局设计的技术。CSS的特点纯CSS布局与结构式HTML相结合能帮助设计师分离外观与结构，和传原创 2020-12-15 12:14:41 · 779 阅读 · 0 评论 -
播放视频
第1关：HTML5视频相关的概念任务描述本关任务：完成一组有关video元素及属性的概念题。相关知识为了完成本关任务，你需要掌握：1.支持video元素的视频格式，2.video元素及其属性。支持video元素的视频格式HTML5使用<video>元素用来播放视频，目前<video>元素支持三种视频编码。MP4：这是一种具有H.264视频编码和AAC音频编码的格式WebM：这是一种具有VP8视频编码和Vorbis音频编码的格式Ogg：是一种具有Theora视频编码和原创 2020-12-04 20:36:08 · 845 阅读 · 0 评论 -
播放音频
第1关：HTML5音频相关的概念任务描述本关任务：完成一组有关audio元素及属性的概念题。相关知识为了完成本关任务，你需要掌握：1.支持audio元素的音频格式，2.audio元素及其属性。支持audio元素的音频格式HTML5使用元素用来播放音频，目前元素支持三种音频编码。WAV：为微软公司(Microsoft)开发的一种声音文件格式，采用44.1K的取样频率，16位量化数字，声音文件质量和CD相差无几。MP3：是一种音频压缩技术，用来大幅度地降低音频数据量。将音乐以1:10甚至1:12原创 2020-12-04 20:24:47 · 1039 阅读 · 0 评论 -
给表单组件添加说明
第1关：label标签相关概念任务描述本关任务：完成一组与label标签相关的概念题。相关知识为了完成本关任务，你需要掌握：label标签及其相关的属性。label标签及其属性<label>标签用于为输入类型的表单控件定义标注。用<label>元素定义的文本标签，从显示上看与其他文本毫无差异。但当用户点击由<label>元素定义的文本标签时，与该文本关联的输入控件将获得焦点。<label>标签的属性主要是：for:规定label绑定到哪个表单元原创 2020-12-04 20:10:18 · 1695 阅读 · 0 评论 -
对表单进行验证
第1关：表单验证相关的概念任务描述本关任务：完成一组有关表单验证的概念题。相关知识为了完成本关任务，你需要掌握：1.表单验证的概念，2.HTML5的表单验证类型及用法。表单验证的概念表单验证是指在用户提交表单之前，验证用户输入的数据是否合法。HTML5提供了一套简单的验证方式，在表单提交时，会根据情况弹出一些简单的提示，如“请填写此字段”“请匹配要求的模式”等，不同的浏览器所弹出的提示内容会有所不同。表单验证的类型HTML5中主要包括以下几个方面的验证：输入类型的验证、日期和时间范围的验证原创 2020-12-04 19:11:42 · 2675 阅读 · 0 评论 -
对表单元素分组
第1关：分组元素相关的概念任务描述本关任务：完成一组有关表单分组的概念题。相关知识为了完成本关任务，你需要掌握：表单分组涉及到的标签及属性fieldset标签fieldset标签用于定义表单的一个子容器，将所包含的内容以边框环绕方式显示。fieldset标签没有必需的或唯一的属性，可添加的属性有：name：规定fieldset的名称form：规定fieldset所属的一个或多个表单disabled：规定该组中的相关表单元素被禁用legend标签legend标签用于定义分组的标题，fi原创 2020-12-04 18:51:47 · 2140 阅读 · 0 评论 -
创建下拉列表
第1关：下拉列表控件相关概念任务描述本关任务：完成一组有关select控件的概念题。相关知识为了完成本关任务，你需要掌握：select控件结构及其相关属性。select控件select控件可以创建选择框。可为用户提供一组选项，允许用户从中选取，通常呈现为下拉菜单的样式。select控件的基本结构下拉列表选择区是由标签和标签构成，其中标签用来创建下拉列表，标签定义了列表中的可用选项。基本结构如下：<select name=""> <option value=" ">原创 2020-12-04 18:40:14 · 1363 阅读 · 0 评论 -
创建文本区域
第1关：textarea控件相关概念任务描述本关任务：完成一组有关textarea控件的概念题。相关知识为了完成本关任务，你需要掌握：textarea标签及其属性textarea标签的属性textarea标签用于定义多行文本区域，文本区域中可容纳无限数量的文本，其中文本的默认字体是等宽字体（Courier）。textarea的基本属性textarea的基本属性主要有：cols：规定每行中的字符数rows：规定可见的行数name：规定文本区域的名称readonly：规定文本区域为只读原创 2020-12-04 12:53:51 · 1294 阅读 · 0 评论 -
创建输入控件
第1关：input控件相关概念任务描述本关任务：完成一组有关input控件的概念题。相关知识为了完成本关任务，你需要掌握：1.input控件的类型，2.input控件的属性。input控件的属性input标签是单标签，用于创建采集用户输入信息的表单控件。input控件常用的属性有type、name、value、size、readonly、disabled、checked、maxlength、min。type：控件类型，取值为text 、password、radio 、 checkbox 、 b原创 2020-12-04 12:35:05 · 1209 阅读 · 0 评论 -
表单的结构
第1关：表单的基本概念任务描述本关任务：完成一组有关表单组成的概念题。相关知识为了完成本关任务，你需要掌握：1.表单的结构，2.form标签的属性。表单的结构表单是收集用户数据的容器。一个表单通常由表单控件和相关的提示信息组成。表单控件：实现用户输入的组件。如文本框、密码框、单选按钮、复选按钮、下拉列表框、多行文本框、文件域等控件。提示信息：提示用户进行填写和操作的说明文字。每个表单都以form开始标签开始，以form结束标签结束。两个标签之间是组成表单的各个控件及提示信息。表单的基本结构原创 2020-12-02 20:15:29 · 2318 阅读 · 0 评论 -
分组元素
第1关：分组元素相关的概念题任务描述本关任务：完成一组分组元素相关的概念题。相关知识为了完成本关任务，你需要掌握：1.div元素，2.blockquote元素，3.pre元素，4.figure元素，5.ul元素，6.ol元素，7.dl元素。divdiv元素是没有语义的通用分组元素，早期设计中常用div标签进行网页布局。blockquoteblockquote元素表示摘自另一个源的大段内容的语义化元素。在显示上有段落空隙，在左右两边缩进（增加外边距）。prepre元素用来定义预格式化文本原创 2020-12-02 19:09:49 · 1002 阅读 · 0 评论 -
文本层次语义元素
第1关：文本层次语义元素相关概念任务描述本关任务：完成一组层次语义元素相关的概念题。相关知识为了完成本关任务，你需要掌握：常用文本层次语义元素及其应用。em和strongem和strong都是HTML5中定义的带有加强语义的元素，页面呈现加粗显示效果。em:把文本定义为强调的内容。显示时为斜体加粗。strong:把文本定义为语气更强的强调的内容。citecite元素创建一个引用标记，用来指明某内容的引用或参考源，如书籍或杂志或新闻报道等的标题，规范、报纸、法律文件，网络文章的URL等。如原创 2020-12-02 18:54:55 · 1156 阅读 · 0 评论 -
交互元素
第1关：交互元素相关概念任务描述本关任务：完成一组文档结构元素相关的概念题。相关知识为了完成本关任务，你需要掌握以下知识：1.progress元素，2.meter元素，3.details/summary元素，4.menu元素，5.command元素。progress元素progress元素属于状态交互元素。用来表示页面中的某个任务完成的进度。progress元素具有max和value两个属性：max:表示任务的总量，默认值为1.value:表示已完成任务的数量。应用中，可以有以下三种情况。原创 2020-12-02 18:40:57 · 925 阅读 · 0 评论 -
页面结点元素
第1关：页面结点元素相关概念任务描述本关任务：完成一组文档结构元素相关的概念题。相关知识为了完成本关任务，你需要掌握：1.section元素，2.nav元素，3.address元素。section元素section 元素用于定义文章的节（区段），比如章节、页眉、页脚或文档中的其他部分。通常由内容及其标题组成。nav元素nav元素用于代表页面的一个部分，是一个可以作为页面导航的链接组，主要用于构建导航菜单、侧边栏导航、内页导航和翻页操作等区域。address元素address元素用于一般被原创 2020-12-02 18:26:51 · 553 阅读 · 0 评论 -
结构元素
第1关：文档结构元素相关概念任务描述本关任务：完成一组文档结构元素相关的概念题。相关知识为了完成本关任务，你需要掌握以下知识：1.header元素，2.article元素，3.aside元素，4.footer元素，5.figure/figcaption元素。header元素header元素是一种表示头部的结构元素，通常用来放置整个网页或页面内一个内容区块的标题，但也可以包含其他的元素，例如标题（<h1>~<h6>）、导航部分（<nav>）或普通内容（<p原创 2020-11-30 19:10:53 · 1622 阅读 · 1 评论 -
表格标签—表格高级样式的设置
第1关：表格高级样式设置相关概念任务描述本关任务：完成一组表格高级样式设置的概念题。相关知识为了完成本关任务，你需要掌握：1.外边框线样式的设置，2.内部边框线的设置，3.单元格的合并。外边框线样式属性frame表格的外边框线的样式可用属性frame的取值来确定，frame取值与相应的样式如下：above：显示上边框below：显示下边框hsides：显示上下边框vsides：显示左右边框lhs：显示左边框rhs：显示右边框border：显示上下左右边框void：不显示边框内部原创 2020-11-29 19:09:06 · 2152 阅读 · 1 评论 -
表格标签-表格基本结构
第1关：网页表格的基本概念任务描述本关任务：完成一组关于表格基本概念的选择题。相关知识为了完成本关任务，你需要掌握：1.表格的结构，2.表格的基本标签，3.表格标签的基本属性。表格的结构在基本表格结构中，表格标题、项目表头和数据资料构成了表格基本结构三个要素。例如下图所示的表格中，表格标题为“通讯录”，表格第一行单元格中的内容基本不变，称作项目表头，表格第二行后单元格的内容通常会动态改变，称作数据资料。基本表格表格的基本标签HTML表格由table标签以及一个或多个tr、th或td标签组原创 2020-11-29 18:59:32 · 3480 阅读 · 1 评论 -
超链接标签
第1关：超链接相关的概念任务描述本关任务：完成一组超链接相关的单选题。相关知识为了完成本关任务，你需要掌握：1.超链接的概念，2.超链接的分类及设置方法。超链接的概念超链接是指从一个网页指向一个目标的连接关系，这个目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是一个图片，一个电子邮件编辑器，一个音频或视频文件，甚至是一个应用程序。设置一个超链接，至少需要两个基本要素：链源：引起跳转的原因链宿：要跳转的目标超链接的分类按照链源的种类来划分，超链可以有以下形式：热字超链接：文原创 2020-11-29 18:50:43 · 1398 阅读 · 0 评论 -
文本控制类标签
第1关：文本控制类标签基础知识任务描述本关任务：完成一组与文本控制类标签相关的选择题。相关知识为了完成本关任务，你需要掌握：1.标题段落标签及其用法，2.文本格式标签及其用法，3.特殊字符标签及其用法。块级元素与行内元素块级元素块级元素是指显示为一个区块内容的元素，在浏览器显示时，通常会以新行来开始（和结束）。其特点是：总在新行上开始高度、行高以及内外边距都可控默认宽度为容器的100%可以嵌套行内元素和其他块级元素行内元素行内元素也叫内联元素，是指显示为一行内容的元素，在浏览器显示原创 2020-11-29 18:39:43 · 862 阅读 · 0 评论 -
图像标签
第1关：图像标签基础知识任务描述本关任务：完成一组与网页图像相关的选择题。相关知识为了完成本关任务，你需要掌握：1.网页中使用的图像文件格式，2.文件路径的表示，3.图像在网页中的应用。网页中使用的图像文件格式gifgif的全称是Graphics Interchange Format。是在1987年由Compu Serve公司为了填补跨平台图像格式的空白而发展起来的。考虑到网络带宽的限制，gif格式运用了颜色查找表的技术，只将最多256种颜色的颜色序号进行传输，因此数据量小，但色彩表现不够好原创 2020-11-28 20:07:18 · 375 阅读 · 0 评论 -
HTML头部相关的标签
第1关：头部相关标签基本概念任务描述本关任务：完成一组单选题。相关知识为了完成本关任务，你需要掌握：1.title标签及其用法，2.meta标签及其用法，3.link标签及其用法，4.style标签及其用法。title标签title标签用于定义HTML页面的标题。它是双标签，开始和结束标签之间的内容就是要设置的页面标题。它的作用是：在浏览器的标题栏中显示标题标题可以用作默认快捷方式或收藏夹的名称标题还可以作为搜索引擎结果中的页面标题应用时注意：一个网页只能有一个标题标题名称的长度不原创 2020-11-28 19:55:39 · 998 阅读 · 0 评论 -
Web前端开发概述
第一关：Web系统的组成Web是Internet上最受欢迎的一种多媒体信息服务系统。整个系统由Web服务器、浏览器和通信协议组成。Web开发Web开发就是设计实现Web系统的过程。主要包括浏览器端页面的制作和服务器端程序的编写。 浏览器端称作Web前端； 服务器器端称作Web后端。浏览器浏览器是指可以显示网页服务器或者文件系统的HTML文件内容，并让用户与这些文件交互的一种软件。常见的浏览器有：Firefox、Internet Explorer、Safari、Opera、原创 2020-11-28 19:43:10 · 1757 阅读 · 1 评论