1. Web三要素
浏览器 服务器 HTTP协议(浏览器和服务器通信协议)
2. HTML工作原理(部署在服务器上，运行在浏览器上)
HTML是部署在服务器上的文本文件。
•根据HTTP协议，浏览器发出请求给服务器，服务器做出响应，给浏览器发送一个HTML文件。
•浏览器解释执行HTML文件，显示其中的内容。
3. HTML(超文本标记语言，一种纯文本类型语言)
•用来设计网页的标记语言
•该语言编写的文件以.html或者.htm为后缀。
•由浏览器解释执行
•HTML页面上，可以嵌套脚本语言编写的程序段，：如java.script
4. HTML-> 标记(通常也被称为HTML标签(HTML tag))
5. <head>元素
•所有头部元素的容器
•<head>内的元素可申明元信息，指示浏览器在何处可以找到样式表，包含的脚本，等等。
•以下标签可以添加到head部分
-<title> <meta> <link> <style> <script> 等
6. <title>元素
定义文档的标题，能够：
-定义浏览器工具栏中的标题
-提供页面被添加到收藏夹时显示的标题
-显示在搜索引擎结果中的页面标题
7. <meta>元素
•<meta>元素提供关于HTML文档的元数据。
•元素据不会显示在页面上，但对于机器是可读的
•用于规定页面的描述、关键词、文档作者、最后修改时间以及其他数据
•常用的属性有：content、http-equiv、charset
8. <p>段落位置
•<p>元素提供了结构化文本的一种方式
•<p>元素中的文本会用单独的段落显示
-与前后的文本都换行分开
-添加一段额外的垂直空白距离，所谓段落间距
9．列表元素
•将具有相似特征或者具有先后顺序的几行文字进行对齐排列
•所有列表都由列表类型和和列表项组成
-列表类型：有序列表<ol>和无序列表<ul>
•<ol>元素编写有序列表，用于列出页面上有特定次序的一些项目
•<ol>元素中也只能包含列表项元素<li>
•<ul>元素表示无需列表，用于列出页面上没有特定次序的一些元素
•<ul>只能包含具体的列表项元素<li>
-列表中包含的每一项都必须包含在起始标记<li>和结束标记</li>之间。
-列表项：<li>,用于指示具体的列表内容
10. 分区元素
•分区元素用于元素分组，常用于页面布局
•块分区元素：<.div></div>
•行分区元素：<span></span>
注意：
•块级元素
-默认情况下，块级元素会独占一行，即元素前后都会自动换行
-如：<p>,<div>,<hn>
•行内元素
-不会换行，可以和其他行内元素同占一行
-如：<span>,<a>
11.行内元素
•<span>元素是内联元素，可用做文本容器
•<span>元素也没有特定含义，当与CSS一同使用时，<span>元素可用于为部分文本设置样式属性。
-<i>可以用来定义斜体字
-<em>用来定义着重文字
-<b>用来定义粗体文字
-<strong>用来定义加重文字
-<del>用来定义带删除线的文字
-<u>元素用来定义带下划线的文字
-空格折叠：默认情况下多个空格、制表符、换行符会压缩成单个空格
-<br>手动换行符
-字符实体
12. 图像元素
•使用<img>元素将图像添加到页面
-空标记
•必须元素：src
•常用属性：width、height
•格式：<imgsrc=”c:\images\one.png” width=”200”/>
13.超链接元素
•使用<a>元素创建一个超链接元素，语法如下：
•<a href=””target=””>文本</a>
-href属性：链接URL
-target属性：目标打开方式，取值为_blank、_self等
14.表格元素
•定义表格：使用成对的<table></table> 标记
•创建行：使用成对的<tr></tr>标记
•创建列(单元格)：使用成对的<td></td>标记
•跨行属性和跨列属性
-rowspan使得当前单元格沿着垂直方向延伸，值为一正数，代表单元格垂直延伸的单元格数。
-colspan使得当前单元格沿着水平方向延伸，值为一正数，代表此单元格水平延伸的单元格数。
•行分组
-表格可以划分为3个部分：表头、表主体和表尾
-表头行分组：<thead></thead>表主体分组：<tbody></tbody>表尾行分组：<tfoot></tfoot>
15. 表单元素
•定义表单：使用成对的<form></form>标记，表示要将次元素中所涵盖的控件中的数据传输给服务器
•主要属性：
-action：表单提交URL
-method：指出表单数据提交的方式(get和post两种方式)
-enctype：表单数据进行编码的方式
•表单控件(是一种HTML元素，是信息输入项)
-input元素
•文本框，密码框、单选框、复选框、按钮、隐藏域、文件选择框
-其他元素
•标签、文本域、下拉选项
16. input元素
1.
文本框：<input type=”text” />
密码框：<input type=”password” />
主要属性：
•value属性：由访问者自由输入任何文本
•maxlength属性：限制输入字符数
•readonly属性：设置文本控件只读属性
•placeholder属性：默认填充的值
2.
按钮：
•提交按钮：<input type=”submit”/> 传送表单数据给服务器或其他程序处理
•重置按钮：<input type=”reset”/> 清空表单内容并把所有的表单控件设置为默认的初始值
•普通按钮：<input type=”button”/> 用于执行客户端脚本
主要属性：
•value：按钮的名字
3.
•单选框：<input type=”radio”/>
•复选框：<input type=”checkbox”/>
主要属性：
•主要属性：文本，当提交form时，如果选中了此按钮，那么value就会被发送到服务器。
•name：用于实现分组，一组单选框或者复选框的名称必须相同
•checked：设置选中
17：隐藏域和文本选择框：
•隐藏域：<input type=”hiden”/> 表单中包含不希望用户看见的信息
•文件选择框：<input type=”file”/> 选择要上传的文件
18：标签
•语法：<lable for=”控件ID”>文本</label> 表单中的文本给空间设置显示名称
主要属性：
•for：设置该文本所关联的控件ID，关联后点击标签等同与点击控件
19：文本域
•语法：<textarea>文本</textarea>
主要属性：
•cols:指定文本域的列数
•rows:指定文本域的行数
•readonly:只读
20：下拉选(下拉选择内容)
•语法：
<select>
<option value=”1”>文本1</option>
<option value=”2”>文本2</option>
<option value=”3”>文本3</option>
<select>