核心提示：javaweb笔记----html复习。因为未来对自己的职业规划是java方向，所以java基础掌握差不多后进入到java ee 阶段，开始复习下以前学的html和javascript。Jav...
javaweb笔记----html复习。因为未来对自己的职业规划是java方向，所以java基础掌握差不多后进入到java ee 阶段，开始复习下以前学的html和javascript。
Java EE：
架构主要由 容器，组件，服务 组成。MVC为核心设计思路。
Java EE容器：Applet Container,Application Client Container,Web Container,EJB Container.
在标准的MVC设计模式中，用户一旦发出请求后会将所有请求交给控制层处理，然后由控制层调用模型层的
模型组件，并通过这些组件进行持久层的访问，再将所有结果保存在JavaBean中，最终由JSP和JavaBean一
起完成页面显示。（MVC是基础，是核心。）
Apache提供了一套用于进行MVC开发的框架Structs.Structs是对JSP和Servlet的一种变相应用，核心仍然是
MVC。
首先呢，开始HTML，依照着资料书和以前的课本。
<HTML>
1、html是什么
Html是用来描述网页的一种语言。
(1)HTML 指的是超文本标记语言 (Hyper Text Markup Language)
(2)HTML 不是一种编程语言，而是一种标记语言(markup language,标记语言是一套标记标签(markup tag));
(3)HTML 使用标记标签来描述网页
超文本 标记 语言
语言：
人与计算机交互的工具
超文本：
(1)普通文本不能实现的，超文本可以实现，能实现普通文本不能实现的功能
(2)包括超链接的文本
标记：
就是标签，不同的标签能实现不同的功能
2、html能做什么
html通过标签的形式将信息展示给用户
3、书写规范
<html>
<head>
<title>我是标题</title>
</head>
<body>
bublabulabula
</body>
</html>
以上是最简单的html程序，也算是html的大致框架了。
·以上的标签，在一个文件中只能出现一次。
·所有的显示标记都必须写在body中。
·所有标记必须完结。
·标签内部属性必须用""括起来
4、标签
a.文件标签(结构标签)
<html></html>：根标签
<title></title>：页面标题
<body></body>：内容
b.文字标签
<font color = "" size = "" face = "">字体</font>
<h1></h1> -> <h6></h6> 随着数字增大逐渐变小，默认占据一行
c.图型标签
<img src = "/images/1.png" width = "200" height = "200" border = "1" align ="center" alt = "this is a image" />
d.链接标签
<a href = "#c1" name = "c0" target = "_self"></a>
<a href = "#" name = "c1" target = "_self"></a>
以上的标记说明当前链接名为c0，并且目标锚点或者链接网址是#c1，并在当前页载入.
e.Meta标签
作为子标签出现在head标签中，可为html提供额外信息。
<meta http-equiv = "refresh" content = "5;url = HelloHtml.html">
表示5秒后跳转到HelloHtml.html界面
name 和 content :用于描述网页，它以名称/值的形式，其名称通过name属性表示。
值通过content表示。
http-equiv和content: http-equiv用于提供HTTP协议的响应报文头，它是以名称/值的形式
表示的，其值为所要描述的内容，而内容的值则通过content属性表示。
（具体对应值和解释太多了，自己谷歌吧）
f.表格标签
<caption>表示表格的标题</caption>
<table border = "1" width = "300" align = "right" bgcolor = "blue">
<tr>代表行
<td colspan = "0" rowspan = "0">代表单元格</td>
<th>相等于td，只是样式加粗居中</th>
</tr>
</table>
g.表单标签
<form action = "写入的是提交对象界面路径" method = "get/post" name = "表单名称">
</form>
在这儿加上以下的重点：
get和post的区别（重点）：
(1)get提交将数据加在地址栏的后面，格式?name=value&name=value；
post提交将数据封装在请求体中
格式?username=zhangsan&password=123&sex=male&hobby=football&hobby=paiqiu&city=bj#
(2)get提交相对不安全；post提交相对安全
(3)get提交有大小限制，根据浏览器不同而不同；post不限制大小
h.input标签
<input type = "" value = " " name =""/>
在这里呢，type分为：
text,password,button,submit,reset,checkbox,radio,image(图片按钮),hidden(隐藏表单，不需要用户看到的数据),
file.具体应用看文档。
name 代表的是该控件的名字。
value 是该控件的值。
i.textArea标签
<textarea size = "16" maxlength = "10" cols = "5" rows = "5"></textarea>
这儿表示的是一个多行文本域
j.select标签
<select name = "表单项名字">
<option value = "业务部" selcted>业务部</option>
<option value = "人事部">人事部</option>
</select>
k.frameset标签
<frameset cols = "50%,50%" rows = "">
<frame name = "A" src = "1.html"/>
<frame name = "B" src = "2.html"/>
</frameset>
l.iframe标签
<iframe src = "www.baidu.com" align = "right" width = "500" height = "600">
内联框架
</iframe>
m.其它标签：
导入css：
<link rel="stylesheet" type="text/css" href="./styles.css">
href：引入css文件的地址
导入javascript：
<script type="text/javascript" src=""></script>
src：js的文件地址
几个常用的标记:
注释： <!-- 我是注释 -->
空格：
换行： <br/>
段落： <p></p> 段与段之间有空行
水平线：<hr width = "10" size = "5" color = "blue" align = "right"/>
块标签：<p></p>行级块标签
<span></span>行内块标签
清单标签：
无序列表<ul></ul>
列表项<li type = "cricle"></li>
有序列表<ol></ol>
列表项<li type = "a"></li>
定义列表<dl><dt></dt></dl>
大于号： >
小于号： <
版权符号：©
注册符号：®
Java EE：
架构主要由 容器，组件，服务 组成。MVC为核心设计思路。
Java EE容器：Applet Container,Application Client Container,Web Container,EJB Container.
在标准的MVC设计模式中，用户一旦发出请求后会将所有请求交给控制层处理，然后由控制层调用模型层的
模型组件，并通过这些组件进行持久层的访问，再将所有结果保存在JavaBean中，最终由JSP和JavaBean一
起完成页面显示。（MVC是基础，是核心。）
Apache提供了一套用于进行MVC开发的框架Structs.Structs是对JSP和Servlet的一种变相应用，核心仍然是
MVC。
首先呢，开始HTML，依照着资料书和以前的课本。
<HTML>
1、html是什么
Html是用来描述网页的一种语言。
(1)HTML 指的是超文本标记语言 (Hyper Text Markup Language)
(2)HTML 不是一种编程语言，而是一种标记语言(markup language,标记语言是一套标记标签(markup tag));
(3)HTML 使用标记标签来描述网页
超文本 标记 语言
语言：
人与计算机交互的工具
超文本：
(1)普通文本不能实现的，超文本可以实现，能实现普通文本不能实现的功能
(2)包括超链接的文本
标记：
就是标签，不同的标签能实现不同的功能
2、html能做什么
html通过标签的形式将信息展示给用户
3、书写规范
<html>
<head>
<title>我是标题</title>
</head>
<body>
bublabulabula
</body>
</html>
以上是最简单的html程序，也算是html的大致框架了。
·以上的标签，在一个文件中只能出现一次。
·所有的显示标记都必须写在body中。
·所有标记必须完结。
·标签内部属性必须用""括起来
4、标签
a.文件标签(结构标签)
<html></html>：根标签
<title></title>：页面标题
<body></body>：内容
b.文字标签
<font color = "" size = "" face = "">字体</font>
<h1></h1> -> <h6></h6> 随着数字增大逐渐变小，默认占据一行
c.图型标签
<img src = "/images/1.png" width = "200" height = "200" border = "1" align ="center" alt = "this is a image" />
d.链接标签
<a href = "#c1" name = "c0" target = "_self"></a>
<a href = "#" name = "c1" target = "_self"></a>
以上的标记说明当前链接名为c0，并且目标锚点或者链接网址是#c1，并在当前页载入.
e.Meta标签
作为子标签出现在head标签中，可为html提供额外信息。
<meta http-equiv = "refresh" content = "5;url = HelloHtml.html">
表示5秒后跳转到HelloHtml.html界面
name 和 content :用于描述网页，它以名称/值的形式，其名称通过name属性表示。
值通过content表示。
http-equiv和content: http-equiv用于提供HTTP协议的响应报文头，它是以名称/值的形式
表示的，其值为所要描述的内容，而内容的值则通过content属性表示。
（具体对应值和解释太多了，自己谷歌吧）
f.表格标签
<caption>表示表格的标题</caption>
<table border = "1" width = "300" align = "right" bgcolor = "blue">
<tr>代表行
<td colspan = "0" rowspan = "0">代表单元格</td>
<th>相等于td，只是样式加粗居中</th>
</tr>
</table>
g.表单标签
<form action = "写入的是提交对象界面路径" method = "get/post" name = "表单名称">
</form>
在这儿加上以下的重点：
get和post的区别（重点）：
(1)get提交将数据加在地址栏的后面，格式?name=value&name=value；
post提交将数据封装在请求体中
格式?username=zhangsan&password=123&sex=male&hobby=football&hobby=paiqiu&city=bj#
(2)get提交相对不安全；post提交相对安全
(3)get提交有大小限制，根据浏览器不同而不同；post不限制大小
h.input标签
<input type = "" value = " " name =""/>
在这里呢，type分为：
text,password,button,submit,reset,checkbox,radio,image(图片按钮),hidden(隐藏表单，不需要用户看到的数据),
file.具体应用看文档。
name 代表的是该控件的名字。
value 是该控件的值。
i.textArea标签
<textarea size = "16" maxlength = "10" cols = "5" rows = "5"></textarea>
这儿表示的是一个多行文本域
j.select标签
<select name = "表单项名字">
<option value = "业务部" selcted>业务部</option>
<option value = "人事部">人事部</option>
</select>
k.frameset标签
<frameset cols = "50%,50%" rows = "">
<frame name = "A" src = "1.html"/>
<frame name = "B" src = "2.html"/>
</frameset>
l.iframe标签
<iframe src = "www.baidu.com" align = "right" width = "500" height = "600">
内联框架
</iframe>
m.其它标签：
导入css：
<link rel="stylesheet" type="text/css" href="./styles.css">
href：引入css文件的地址
导入javascript：
<script type="text/javascript" src=""></script>
src：js的文件地址
最后呢，推荐几个工具DreamWeaver,EditPlus,NotePad++.
几个常用的标记:
注释： <!-- 我是注释 -->
空格：
换行： <br/>
段落： <p></p> 段与段之间有空行
水平线：<hr width = "10" size = "5" color = "blue" align = "right"/>
块标签：<p></p>行级块标签
<span></span>行内块标签
清单标签：
无序列表<ul></ul>
列表项<li type = "cricle"></li>
有序列表<ol></ol>
列表项<li type = "a"></li>
定义列表<dl><dt></dt></dl>
大于号： >
小于号： <
版权符号：©
注册符号：®
