java web 代码结构图_JavaWeb网页的结构

一、网页的组成部分

1.结构(网页上有哪些东西)：HTML用于描述页面的结构

2.表现(这些东西长什么样)：CSS用于控制页面中的元素样式

3.行为(网页界面与用户交互)：JavaScript用于响应用户操作

二、HTML简介

1.HyperText Markup Language(超文本标记语言)

2.标记语言也叫作标签语言

3.Html通过标签来标记要显示的网页中的各个部分，网页文件本身是一种文件，通过文本文件中的添加标记符，可以告诉浏览器如何显示其中的内容(如：文字如何处理，画面如何安排，图片如何显示等)。

三、表单

1.现实生活中表单是用来提交信息的，比如：办理银行卡、找工作填写简历。这些都是表单的一种。

2.网页中的表单是用来向服务器提交信息的，我们最常用到的表单就是baidu的搜索框。

四、CSS

1.什么是css?

css指层叠样式表，主要用来设置网页中元素的样式，如边框，颜色，位置等

2.选择器：浏览器根据“选择器”确定受css样式影响的HTML元素

2.属性：是你希望改变的属性，并且每个属性都有一个值。属性和值被冒号分开，并由花括号包围，这样就组成了一个完整的样式声明。p{color:blue}

3.多个生命：如果要定义不止一个声明，则需要用分号将每个分开。虽然最后一条声明的最后可以不加分好，但是尽量在每条声明的末尾加上分号。

4.每行最好只描述一个属性

5.CSS对大小写不敏感，但是建议使用小写。不过存在一个例外：class和id名称对大小写是敏感的。

6.css注释：/*注释内容*/

五、常用样式

1.颜色

color:red

颜色可以写成颜色名如：black,blue,red,green等

颜色也可以写成rgb值和十六进制表示的值如：rgb(255,0,0)

如果写十六进制必须加上#号

2.宽度

width:19px;

宽度可以写成写成像素值：19px;

也可以写成百分比值：20%

六、JavaScript

1.JavaSript是什么？

JavaScript是一种直译式脚本语言，是一种动态类型、多类型、基于原型的语言、内置支持型。它的解释称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML网页上使用，用来给HTML网页增加动态功能。

2.JavaScript事件

(1)事件就是文档或者浏览器窗口中发生的一些特定的交互瞬间

(2)JavaScript与HTML之间的交互是通过事件实现的

(3)我们可以在事件发生的时候执行JavaScript，比如当用户在Html元素上点击时。

(4)在标签属性中编码：我是按钮

(5)动态绑定事件

var button=document.getElementById("btn")

Button.οnclick=function(){

alert("你好")

}

七、加载方式

1.JS代码主要在页面找那个有以下几种方式的嵌入。

(1)将js戴安写到网页的头的

(2)将js代码写入外部文件并引入

(3)如果是时间触发，还可以将js代码写入事件中

(4)将js代码写在网页结束位置

(5)引入外部js代码和自身内部js代码要分开，不同的

八、DOM：文档对象模型

1.DOM定义了表示和修改文档所需的对象，这些对象的行为和属性以及这些对象之间的关系。可以把DOM认为是页面上数据和结构的一个树形表示。

2.节点;Node---构成HTML文档最基本的单元

3.节点分为三类;

(1)元素节点：HTML文档中的HTML标签

(2)属性节点：元素的属性

(3)文本节点：HTML标签中的文本内容