关于WEB
采用B/S计算模式开发的应用程序我们一般称为Web应用程序。
WEB三大层面：
网页的结构部分：结构的定义使用HTML语言（超文本标记语言Hyper Text Mark Up Language）。
网页的表现部分：编写文档表现形式的语言是CSS语言（层叠样式表Casading Style Sheet）。
网页的行为部分：标准的脚本语言JS(Java Script)。
访问网页上所有对象：DOM（文档对象模型Document Object Model）。
（均由W3C定义）
HTTP协议（超文本传输协议）：实现Web浏览器和Web服务器之间的通讯。
网页的分类：静态网页、客户端动态网页、服务端动态网页。
这段时间打算把web的相关知识都梳理一下，那么我们就从HTML这个老朋友开始吧，HTML 很容易学习相信你会喜欢它的！
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
什么是 HTML？
HTML 是用来描述网页的一种语言。
- HTML 指的是超文本标记语言 (Hyper Text Markup Language)
- HTML 不是一种编程语言，而是一种标记语言 (markup language)
- 标记语言是一套标记标签 (markup tag)
- HTML 使用标记标签来描述网页
HTML 标签
HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
- HTML 标签是由尖括号包围的关键词，比如 <html>
- HTML 标签通常是成对出现的，比如 <b> 和 </b>
- 标签对中的第一个标签是开始标签，第二个标签是结束标签
- 开始和结束标签也被称为开放标签和闭合标签
HTML 文档 = 网页
- HTML 文档描述网页
- HTML 文档包含 HTML 标签和纯文本
- HTML 文档也被称为网页（Web 浏览器的作用是读取 HTML 文档，并以网页的形式显示出它们。浏览器不会显示 HTML 标签，而是使用标签来解释页面的内容。）
- <html> 与 </html> 之间的文本描述网页
- <body> 与 </body> 之间的文本是可见的页面内容
- 添加XHTML文档正文
定义正文的标题
<h1>Heading 1</h1> <h2>Heading 2</h2> <h3>Heading 3</h3>…
定义一个段落 <p>Paragraph</p>
定义应用文本 <blockquote>block quote</blockquote>
定义列表 有序列表（Ordered List） <ol> <li>List<li> <ol> 无序列表（Unordered List） <ul> <li>List<li> <ul> 定义列表 (Defined List）定义列表（一般用于内容解释） <dl> <dt>List<dt> <dd>List<dd> <dl>
定义预编排文本（被包围在 pre 元素中的文本通常会保留空格和换行符） <pre>pre</pre>
定义分区块文本 <div> Division </div>
版权符
©
缩写说明
<abbr title="Hyper text Markup Language">HTML</abbr>
跨字符元素
<span> </span>
创建超链接 <a href=””></a>
显示图形 <img src=””/>
插入多媒体信息 添加Flash文件 <object data="flash文件路径" type="application/x-shockwave-flash" width="宽度" height="高度"> <param name="" value=""/> </object> 添加视频文件 <object data="wmv文件路径" type="video/x-ms-wmv" width="宽度" height="高度"> <param name="" value=""/> </object>
插入表格状数据 <table> <th>标题</th> <tr>行 <td>列</td> </tr> </table> 在网页中插入其他网页 <iframe src="URL" frameborder="0"></iframe>
- 2 XHTML元素分为块级元素和内嵌元素两种
块级元素（div、blockquote、列表、fieldset、from、h1-h6、hr、p、pre、table等）定义的文本是换行的，下一元素在浏览器下一行显示。
内嵌元素（span、a、img、label、所有表单输入元素、iframe、object等）定义的文本是不换行的，下一元素在该元素同一行的后续位置显示。
- 3 XHTML表单
① 表单的各种类型
<form action="" method="get"> <input type="text" value=""/> 文本框 <input type="button" value=""/> 普通命令按钮 <input type="submit" value=""/>提交按钮 <input type="reset" value=""/>重置按钮 <input type="image" value=""/>图像按钮（可替换提交和重置） <input type="checkbox"value=""/>复选框 <input type="radio" value=""/>单选框 <input type="password" value=""/>密码口令框 <input type="file" value=""/>文件上传控件 <input type="hidden" value=""/>隐藏字段 <textarea name="" id="" cols="30" rows="10"></textarea>多行文本框 下拉列表 <select name="" id=""> <option value=""></option> <option value=""></option> </select> </form>
② 其它表单元素和属性
readonly属性：可以防止修改文本框的属性。
disabled属性可以使输入的控件不可用。
label元素：文本标签。
fieldset元素：用作表单元素的容器，在被包含的元素周围显示一个细边框的盒子。
legend元素：放在fieldset元素内部，在盒子上加一个标题。
③理论
HTML表单标记元素和属性分为两类：定义表单整体结构；创建输入对象。
在<from>标记中必须使用的两个关键属性action和method。其中action属性使用一个URL来指定表单处理程序的位置；method属性指定表单数据是如何创送到表单处理程序，method属性的值有两种get或post。