![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
《Java web 程序设计》
文章平均质量分 60
STM32单片机定制
QQ:2781384621
展开
-
第1关:表单事件
失去焦点,指光标不在该元素上,比如光标本来在文本输入框里面,当用户在页面的其他地方点击了鼠标,文本框就会失去焦点。下面是一个例子:当用户输入文本,并且鼠标点击页面上的其他地方后,我们将在控制台打印出用户的输入。指的是表单的提交事件。表单里面包含了用户输入的信息,最终要传到后台的服务器进行处理,这样就有一个表单的提交过程,的事件处理函数中,校验用户的输入是否符合要求,比如密码的长度够不够。下面的例子,用户提交表单时,用。,是页面最基本的元素之一,通常,用户的输入会放置在表单里面,然后提交给后台。原创 2023-12-08 10:29:04 · 71 阅读 · 0 评论 -
第1关:综合练习
它有三列,每一列都会根据前一列的结果动态的改变自己的可选项,称为下拉框的级联,那么如何实现呢?继续拓展相关知识中介绍的功能,要求第一列选择安徽省后,第二列下拉的选项中出现黄山市和合肥市两个选项,按照以下步骤进行;province 变量代表第一列的选择框,city 变量代表第二列的选择框。将 child2 设置为 id 为 city 的节点下面的第二个子节点;综合前面学习过的节点的各种操作,可以实现很复杂的功能。需要注意的是,每删除一个子节点后,表示子节点个数的属性。的 value 的值。原创 2023-12-08 10:28:36 · 72 阅读 · 0 评论 -
第1关:CSS id选择器
平台会对你的代码进行运行测试,如果实际输出结果与预期结果相同,则通关;选择器类似,那么它们的区别是什么呢?一般情况下,都推荐使用类选择器。选择器与我们上一关中学习的类选择器类似,但在使用上有不同。选择器的方式完成页面菜单栏样式布局,栏目导航等任务。使用类选择器时,指定一个元素属于某类,使用的是关键字。文档中,可以为任意多个元素指定类,但。对于上面类选择器的例子,用。中想要应用类样式的元素,指定。然后,书写相应类的样式。选择器时,使用的是关键字。原创 2023-12-08 10:28:17 · 166 阅读 · 0 评论 -
第1关:CSS 类选择器
通常情况只希望应用样式,而不考虑具体的元素时,会使用类选择器。与元素选择器不同,对同一类的元素应用样式,需要在类名前加上一个点号(.),然后书写相应的样式声明。平台会对你的代码进行运行测试,如果实际输出结果与预期结果相同,则通关;本关任务是通过类选择器的方式,更改独立于文档元素的属性。读书是在别人思想的帮助下,建立起自己的思想。中想要应用类样式的元素,指定类名;名字时,不要设置已有元素名,例如。然后,书写相应类的样式;开始你的任务吧,祝你成功!原创 2023-12-08 10:27:56 · 112 阅读 · 0 评论 -
第1关:CSS 元素选择器
当我们指定一个元素,并设置样式属性之后,文档中该元素便会应用样式。平台会对你的代码进行运行测试,如果实际输出结果与预期结果相同,则通关;生活的道路一旦选定,就要勇敢地走到底,决不回头。本关任务:熟悉元素选择器,使用属性选择器修改文档样式。在完成本实训之后,你将掌握元素选择器、类选择器和。选择器是元素选择器,又称为类型选择器。),在没有其他样式覆盖的情况下,文档中所有的。如果想要多种元素应用同一样式,可以直接使用。文档中的元素,直接作为选择器使用。原创 2023-12-07 16:22:58 · 662 阅读 · 0 评论 -
第1关:CSS样式引入方式
如果在不同的页面中引入相同的样式文件。在右侧编辑器左上方,点击代码文件,就可以在多个文件直接进行切换。也就是说,如果同时有三种样式的方式作用于同一元素,会优先的使用内联样式。在实际开发过程中,通常建议使用第二种外联样式表的方式。内部样式表:如同之前实例中所示,在文档头部中引入;文件夹中,使得项目结构更清晰,资源管理更容易。可在多个HTML文件中引入相同的样式文件。首先,对于内部样式表,书写的方式是直接在。在之前的实例中,为了方便大家同时看到。原创 2023-12-07 16:19:39 · 422 阅读 · 1 评论 -
第1关:初识CSS:丰富多彩的网页样式
在平时开发网站时,建议每个声明通常单独列为一行,有助于阅读。当网站发布时,可以使用工具压缩,将多行声明写在一行,使得。在右侧编辑器左上方,点击代码文件,就可以在多个文件直接进行切换。来定义网页元素的样式,例如背景颜色、字体展示、元素位置、动画效果等等。语法如同积木一般,通过各种变换设计,构成了丰富多彩的网页世界。在之后的实训中,我们也会学习使用多种更复杂的选择器。然后在编辑器中修改任意内容,效果显示便会更新。结合,将网页的内容与样式分离,有利于提高开发效率。通过声明,我们定义要改变的元素样式。原创 2023-12-07 16:17:25 · 410 阅读 · 0 评论 -
第1关:HTML表格:日常消费账单表格展示网页
其他的一些值含义如下: | 值 | 含义 | | ------------ | ------------ | | col | 单元格是列的表头 | | row | 规定单元格是行的表头 | | colgroup | 单元格是列组的表头 | | rowgroup |单元格是行组的表头|元素标记表格的尾部。通常,我们都会建议大家使用这三种元素来定义表格,因为这样做表格的总体结构更为清晰。生活是一种律动,须有光有影,有左有右,有晴有雨,趣味就在这变而不猛的曲折里,微微暗些,再明起来,则暗得有趣,而明乃更明。原创 2023-12-07 16:15:28 · 615 阅读 · 0 评论 -
第1关:HTML标题与段落:网络文章网页
三种列表类型组成元素如下: | 类型 | 父元素 | 子元素| | ------------ | ------------ | | 有序列表 | ol | li| | 无序列表 | ul | li| | 描述列表 | dl| dt, dd|通常,列表都是由父元素和子元素构成的,父元素用于指定要创建的列表的类型,子元素用于指定要创建的列表项目类型。大家可以看到,虽然我们在段落内容中换行了,但是显示时是不会换行的。补充完代码后,点击测评,平台会对你编写的代码进行测试,当你的结果与预期输出一致时,即为通过;原创 2023-12-07 16:02:58 · 407 阅读 · 0 评论 -
第1关:HTML链接:带超链接的网页
HTML链接:带超链接的网页原创 2023-12-07 15:58:11 · 362 阅读 · 0 评论 -
第1关:创建 div 标签
创建 div 标签原创 2023-12-07 15:54:29 · 134 阅读 · 0 评论 -
第1关:创建 img 标签
创建 img 标签原创 2023-12-07 15:53:06 · 252 阅读 · 0 评论 -
第1关:创建 a 标签
创建 a 标签原创 2023-12-07 15:51:00 · 76 阅读 · 0 评论 -
第1关:创建 p 标签
创建 p 标签原创 2023-12-07 15:49:39 · 163 阅读 · 0 评论 -
第1关:创建 <h2>-<h6> 标签
创建 - 标签原创 2023-12-07 15:47:43 · 65 阅读 · 0 评论 -
第1关:创建第一个 HTML 标签
创建第一个 HTML 标签原创 2023-12-07 15:05:53 · 119 阅读 · 0 评论 -
第11关:表单元素的综合案例
表单元素的综合案例原创 2023-12-07 15:02:19 · 283 阅读 · 0 评论 -
第10关:表单元素——提交按钮
表单元素——提交按钮原创 2023-12-07 15:01:51 · 245 阅读 · 0 评论 -
第9关:表单元素——文本域
表单元素——文本域原创 2023-12-06 14:53:48 · 472 阅读 · 0 评论 -
第8关:表单元素——下拉列表
表单元素——下拉列表原创 2023-12-06 14:52:34 · 353 阅读 · 0 评论 -
第7关:表单元素——label 标签
表单元素——label 标签原创 2023-12-06 14:51:13 · 555 阅读 · 0 评论 -
第6关:表单元素——disabled 属性
表单元素——disabled 属性原创 2023-12-06 14:50:06 · 396 阅读 · 0 评论 -
第5关:表单元素——checked属性
表单元素——checked属性原创 2023-12-06 14:47:22 · 297 阅读 · 0 评论 -
第4关:表单元素——多选框
表单元素——多选框原创 2023-12-06 14:45:21 · 352 阅读 · 0 评论 -
第3关:表单元素——单选框
表单元素原创 2023-12-06 14:43:50 · 610 阅读 · 0 评论 -
第2关:表单元素——密码框
创建一个input标签, type类型为password,name属性值为check,value值为123。原创 2023-12-06 14:36:54 · 218 阅读 · 0 评论 -
第1关:表单元素——文本框
创建一个input标签, type类型为text,name属性值为nickName。原创 2023-12-06 14:32:57 · 255 阅读 · 0 评论