原址：http://www.cnblogs.com/hellokitty1/p/3931663.html
一张 客户端网页编程简介
1.企业应用计算机的演变：主机/哑终端的集中计算模式（Mainframe/Terminal） 到 客户机/服务器计算模式（client/sever） 再到 浏览器/服务器计算模式（browser/sever）。
2.B/S结构Web应用程序工作原理:采用B/S计算模式开发的应用程序，我们一般称为Web应用程序。
3.Web应用程序的组成部分1：网页 : 网页的内容 网页的结构 网页的表现形式 网页的行为
4.Web应用程序的组成部分2：Web服务器
5.Web应用程序的组成部分3：Web浏览器
6.Web应用程序的组成部分4：HTTP协议 Web服务器和Web浏览器都讲同一种语言，叫做超文本传输协议HTTP（HyperText Transfer Protocol）。
HTTP协议是一套规则和过程，它使计算机能够通过Web交换信息。有了HTTP协议，那么不管这些计算机在哪个地方，使用的是什么操作系统，运行的是什么Web服务器软件,使用的是什么浏览器产品，它们都可以通过HTTP相互通讯。
7.网页的分类: 静态网页 客户端动态网页 服务器端动态网页
8.Web项目的分工 ：
9.客户端网页编程工具：Dreamweaver WebStorm
第二章 XHTML基础（不要忘记结束标签）
1.<h1>-<h6>标签对标题(heading)定义，从<h1>至<h6>字的大小越来越小。eg:<h1>This is a heading</h1>
2.<p>标签对段落定义。eg:<p>This is a paragraph</p>
3.<a>标签进行链接。eg:<a href="链接的地址"/>This is a link</a>
4.<img>标签定义图像。eg:<img src="地址和名称"/>
5.<br/>定义换行。
6.<hr/>定义水平线。
7.<!-- -->注释，是会隐藏的。
8.<blockquote>用于引用文，本将段落进行缩进。
9.定义列表：a 有序列表<ol> b无序列表<ul> c定义列表<dl>
<li>编写文本</li> <li>编写文本</li> <dt>编写文本</dt>
<li>编写文本</li> <li>编写文本</li> <dd>编写文本</dd>
</ol> </ul> </dl>
10.<pre>定义预格式文本，pre可以使文本完全按照源文件中的编排格式。
11.<div>与css用于分区，分块。
12.<span>span可以用于指定文字的字体，颜色，下划线。
13.特殊的字符。 空格，两个 相当于一个字符。<左尖括号或者小于号。>右尖括号或者大于号。©版权符号。®；已注册符号。
14.<table>，<tr>，<td>定义表格。
15.<caption>定义表格标题。<caption>Monthly savings</caption>
16.<th>定义表格列标题。
17.colspan,合并列。rowspan,合并行。
18."#",等网页。
19.<iframe>创建包含另一个文档的内联框架。
<iframe.....name=.....> name框架的名字，用来识别网页中插入其他的网页，将超级链接a标记的target属性设置为iframe的name的属性值。
eg:<a href="地址"target="main">文字</a>
<iframe.....name="main"></iframe>
20.块级元素（文本是换行的）：<div>,<blockquote>,<dl>,<ol>,<h1>-<h6>,<hr>,<p>,<pre>,<table>,<form>,<fieldset>.
21.内嵌元素（文本是不换行的）：<span>,<a>,<img>,<label>,<iframe>.
第三章 XHTML表单
1.<form>供用户输入的表单，<form action="#" method="post/get" id=" " name="">......</form> action:规定当提交表单时，向何处发送表单数据。method:规定如何发送表单数据。
post不显示路径 get显示路径。
2.文本框：type="text" <input type="text" id=" " name=" "/>id:规定元素的唯一。 name：规定表单的名称。
3.口令输入框：type="password" <input type="password" id=" " ( size="" maxlength="")/>
4.复选框：type="checkbox" <input type="checkbox" id=" " name="" value=" "/> 每个选项的name属性使用相同的设置。
5.单选框：type="radio" <input type="radio" id=" " name=" " value=""/>
6.隐藏字段:type="hidden" <input type="hidden" id=" " name=" "/>
7.上传文件：type="file" <input type="file" id=" " name=" "/> 指定<form>的enctype属性为multipart/form-data. method的属性为post.
8.下拉列表： 一个<select>元素来形容列表，多个<option>元素集合来识别列表选项。使用<select>元素的name属性给整个列表命名，使用每个<option>元素的value属性来给每个选项
一个唯一的值。
<select id=" " name=" ">
<option value=" "> 当多选时要在<select>元素中加multiple属性。
9.多行文本框：<textarea> <textarea rows=" " cols=" " id=" " name=" "> rows行 cols列
10.提交和重置按钮：type="submit" type="reset" <input type="submit/reset" value="提交/重置"/>
也可以用图形来做按钮 <input type="image" src=".." value="submit/reset"/>
11.命令按钮（普通按钮）：type="button" value=" ".
12.在文本框中加readonly 防止修改文本数据，disable 使输入控件不可用。
13.<fieldset> 标签将表单内容的一部分打包，生成一组相关表单的字段。<legend> 标签为 fieldset 元素定义标题。