HTML：超文本标记语言
1. Html语言是有标签组成的，
Html中的数据都会封装在标签中，因为可以通过标签的属性值的改变对封装内的数据进行操作。
确定html代码的范围<html> </html>
在该范围中可以定义两部分内容：一部分是头，一部分是体。
<html>
<head></head>
<body></body>
</html>
Head:网页的一些属性信息，比如：标题
Body:网页的数据
2. 标签特点：对于数据进行封装，那么就有开始标签和结束标签。
但也有一些标签只体现单衣功能，所以不需要结束标签，规范中要求标签必须要结束，所以这样的标签在内部结束。
如：<br/> <hr/> <img/> <input />
标签格式：<标签名 属性名=”属性值”>数据</标签名>
<标签名 属性名=”属性值” / >
---------------------------------------------------------------------------------------------------------------------------------
创建标签：
字体：<font>
<font size= “7” color=”#fff000”>数据</font>
特殊部分:如果要在页面上显示一些特殊符号，需要进行转义。
<:< >:> &:& 空格：
标题：<h1> <h2><h3>….<h6>
列表标签：<dl> </dl>
上层项目：<dt>
下层项目：<dd>
项目符号标签：<ul>：表示圆圈和特殊形状的项目符号
<ol> ：表示数字或者罗马数字的项目符号
这两个标签中列表都是由<li>标签封装。
示例：
1. 游戏名称
a. 星际
b. 红警
2. 游戏内容
a. 攻略
b. 秘籍
代码： <body>
<ol>
<li>游戏名称</li>
<ul>
<li>星际</li>
<li>红警</li>
</ul>
<li>游戏内容</li>
<ol type=”a”>
<li>攻略</li>
<li>秘籍</li>
</ol>
</ol>
3.图像标签：<img>
<img src =”” alt=”图像说明文字”/>
4.表格标签：<table>
表格由行组成，行由单元格组成。
表格中默认都是有一个tbody标签
标题标签：<caption>
<table border =”1” bordercolor=”red” width=”60%”cellpadding=”10” cellspacing=”0”>
<tr>
<th></th>
<th></th>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>
表格是最常用的标签，用于对数据的格式化。
5.超链接
<a href=”http://www.sina.com.cn”target= “_blank” title=”光标划过显示超链接的全部信息”>新浪网站</a>
(若此处不是协议，那么就会找本地文件)
当被点击后，会启动引擎所对应的解析程序。去查找指定的主机，
1. 先找本地主机的host文件，若没有找到该主机对应的IP地址，
2. 去公网的DNS服务器上去找对应的的IP地址。
(在命令行中输入：ipconfig/all可查找全部信息)
<a herf=”mailto:[email protected]?subject=hahha&[email protected]”>联系我们</a>
当点击超链接时就会显示邮件相关联的解析程序，
超链接的另一个作用，就是定位标记！也叫卯。
<aname=”top”>一个位置</a>
<ahref=”#top”>回到顶部</a>
只有href属性，超链接才能启动，否则的话就是定位标记。
6.表单标签：
该标签是可以和服务端进行交互的。
<form>
表单标签中的元素，<input>:该标签因为属性值的不同，所对应的额组件也不一样。
Type：属性：
1. text:文本框，输入的文本可见。
2. passward：密码框，输入的文本不可见。
3. radio:单选框，注意，要是被选中，必须要给单选框定义一个属性name;
若有多个但徐昂框时，只能有一个别选中，那么这些单选框的name的值必须相同。
4. checkbox:复选框，当对多个数据进行同时选中时；
5. file：可以进行文件选择的组件。通常用于附件，或者文件上传。
6. hidden：隐藏组件，该组件不会显示在页面上，但是其定义的name和value可以提交到服务端，
7. button：按钮组件，自定义一个按钮默认是没有任何效果的，可以通过注册事件并加入自定义效果。
8. reset: 重置按钮，将组件中呗操作的效果还原为初始化状态。
9. submit:提交按钮，将组件中添加的数据提交到指定 的目的地，
10. image： 图像组件，为了避免提交按钮的丑陋，可以通过，image的方式src属性连接一个好看的按钮图片，完成提交效果。
下拉菜单：<select>
每一个下拉菜单项都是由option进行封装。
<select>
<option></option>
</select>
文本区域：<textarea>
表单组件通常都需要定义name和value属性，因为也要将数据发送给服务端，服务端只有知道了该name的值才可以对提交的数据进行分别获取。
Form标签中的常见的属性：
Action:指定数据提交的目的地。Method:提交方式，两种常用值get和post，get 为默认。
Get和post 的区别：
Get:会将提交的数据显示在地址栏上：
Post:不会将数据显示在地址栏上；
Get：提交的数据的体积会受地址栏的限制。
Post:可以提交大体积数据，
Get:对于敏感信息不安全。
Post:碎玉敏感信息安全。
Get:会将提交信息封装在请求行，也就是http消息头之前，
Post:会将提交信息封装在数据体中，也就是http消息头之后的空行后。
对于服务端而言；
对表单尽量用post，因为涉及到编码问题，因为tomcat服务端默认的解码是ISO8859-1.
对于post提交的中文，在服务端可以直接用setCharacterEncoding(“gbk”)就可以解决。
对于get提交的中文，在服务端只能通过ISO8859-1将数据编码一次，在通过指定的码表如GBK解码。
对于使用表单的组件不一定要定义form标签，只有需要将数据进行服务端的提交的时候才用到form标签。里面的action属性可以提交。
Css层叠样式表：
将网页中的样式分离出来，完全由css来控制
增强样式复用性以及可扩展性，
格式：
选择器（属性名: 属性值；属性名：属性值；。。。。）
Css和html代码相结合的四种方式：
1. 每个html标签都有一个style属性，
2. 当页面有多个标签有相同样式的时候，可以进行复用，
<style>
Css代码
</style>
3. 当有多个页面中的标签的样式相同时，还可以将样式单独封装在一个css文件
通过在每个页面中定义
<style>
@import url(“1.css”);
</style>
4. 通过html中的head标签中的link标签来连接一个css文件。
<link rel=”stylesheet” href=”1.css”/>
技巧：为了提高相同样式的复用性以及可扩展性，可以将多个标签样式进行单独定义，并封装成css文件，p.css和div.css
在一个css中使用css的import将多个标签样式导入。然后在html文件中使用link 标签导入这个总的css文件即可。
1.css
@import url(“p.css”);
@import url(“div.css”);
Html页面：
<link rel=”stylesheet” herf=”1.css”/>
就近原则！！！！！
选择器：就是样式作用的标签容器。
当样式分离后html作用在于用标签封装数据，然后将css加载到指定标签上，。
基本分类：
1. 标签选择器：html中的每一个标签名。
2. 类选择器：每一个标签中的class属性，用 . 的形式表示。
只用来给css使用，可以对不同的标签进行相同样式的设定，
3. ID选择器：每一个标签中的ID属性，但是要保证ID唯一性，用#来标识。
ID不仅可以被css使用，还可以被javascript使用。
优先级：ID>class>标签
扩展选择器：
1. 关联选择器：其实就是对标签中的标签进行样式的定义: 选择器 选择器。。。
2. 组合选择器：对多个选择器进行相同的样式定义。将多个选择器通过逗号隔开：
3. 为元素选择器，其实就是元素的一种状态。
a:link:超链接被点击前的状态
a:visited: 超链接被点击后的状态
a: hover:悬停在超链接上
a:active:点击超链接时
当超链接点击前后没有任何效果的时候这样写： <ahref=”#”>点击前后没有效果</a>
a:link,a:visited{
color:#33FF00;
text-docoration:none;
}
这里点击前后无变化。。。。。。。。。。。。。。。。。。。。
在定义这些状态时，有一个顺序：L,V,H,A
p:first-letter
p:first-line
:focus: 很遗憾，IE6不支持，但FF支持。
css滤镜：通过一些代码丰富了样式，水印效果，脱影效果等.
当使用到更多的css属性时可以查阅API文档。
网页设计的时候用到div+css
div:行级区域
span:块级区域