标签：
HTML：超文本标记语言
HTML语言是由标签组成的，HTML中的数据都会封装在标签中，因为可以通过选择标签中的属性值得改变对封装内数据进行操作。
确定HTML代码范围。<html></html>在该范围中可以定义两部分内容，头和体。
<html>
<head>//网页的一些属性信息，比如，title 标题。
</head>
<body>//网页显示的数据。
</body>
</html>
标签特点：对于数据进行封装，那么就有开始标签和结束标签。
但是也有一些标签没有属性值，不需要结束标签例如：<br/>换行<hr/>横线<img/>图片<input/>表单标签。
标签格式：<标签名 属性名="属性值">数据</标签名>;
<标签名 属性名="属性值">;
六大常见标签
一丶字体：<font>
<font size="7" color="#FFFFFF①">数据</font> ①注：color可以用颜色的英文，也可用6位十六进制数表示。
特殊部分：如果要在页面显示一些特殊符号，需要转义:
< == < > ==> & == & 空格== " == &&guot; 圆圈r ==® 圆圈c ==©
标题标签：<h1><h2>······<h6>;
<p>段落</p>,<b>加粗</b>,<i>倾斜</i.,<u>下划线</u>,<strong>加粗</strong>.。
二丶列表标签
<dl></dl>
上层项目：<dt>
下层项目：<dd>
项目符号标签:<ul>圆圈<ol>字母数字，这两个标签中的列表项都由<li>标签封装
例<ol type="1"> //指定顺序项目符号类型为字母，并从a开始。
<li>游戏名称</li> //上层目录。
<ul> //下层目录,ul代表项目符号为圆圈。
<li>星际</li>
<li>红警</li>
</ul>
<li>游戏内容</li> //第二个上层目录
<ol type="a"> //指定顺序项目符号类型为字母，并从a开始。
<li>攻略</li>
<li>秘籍</li>
<ol>
三丶图像标签：<img>
例：<img src="图像地址，最好为相对路径，也可绝对路径" alt="图像说明文字段" height="100" width="100" />//还可加边框等等属性。
四丶表格标签：<table>
表格由行组成，行由单元格组成。表格中默认有一个tobody标签。
例：<table border="1" bordercolor="red①" width="60%" cellpadding="10" cellspacing="0" >//①注：可以用六位十六进制数代表颜色。！（red加①效果为绿色）；
<tr>
<th>第一行的第一个单元格</th>
<th>第一行的第二个单元格</th>
<tr>
<tr>
<th>第二行的第一个单元格</th>
<th>第二行的第二个单元格</th>
<tr>
</table>
表格是最常用的标签之一，用于对数据进行格式化。
五丶超链接标签：<a>
例：<a href="http://www.acfun.tv/" ①target="_blank">链接</a> ①注：此属性可以指定打开链接的方式，_blank为默认，在本页面中打开链接。
当链接被点击后，会启动引擎所对应的解析程序，查找指定主机。
1.先找本地主机的hosts文件，未果则执行2。
2.寻找公网DNS服务器上的IP地址。
超链接的另一个作用：定位标记，也称为锚。
例：<a name="link">锚点</a>
<a href="#link">获取name为link的位置</a>#代表定位的是本页面。
六丶表单标签（*）
该标签可以和服务端进行交互，需要重点掌握<form>
<form>标签中常见的属性：action-指定数据提交的目的地。
method-提交方式，常用值为get和post，get为默认值。
get与post的区别：
1.前者会将提交的数据显示在地址栏，而后者不会，所以get对敏感信息不安全。
2.前者提交的数据体积受地址栏体积的限制。
3.前者会将提交信息封装再请求。也就是http消息头之前，后者会将提交信息封装在数据体中，也就是http消息头之后的空行后。
对于服务端而言，尽量用posh，因为涉及到编码问题，tomcat默认解码ISO8859-1.对于post提交的中文，在server端直接使用
setcharactEmcoding（"gbk"）就能获取，对于get，只能通过ISO8859-1将数据编码一次，再通过指定的码表如GBK解码。
表单标签中元素：
<input>:该标签因为type属性的值不同呈现出不同的组件。
input中type属性的值：1.text：文本框，输入的文本为可见。
2.password：密码框，输入的文本不可见。
3.radio：单选框，需要注意的是可以选择的元素利用name属性分为一组，才会发挥效果。
4.checkbox：复选框，当对多个数据进行同时选中时选用。
5.file：可以进行文件选择的组件，通常用于附件上传。
6.hidden：隐藏组件，该组件不会显示，但是其定义的name和value可以提交服务端。
7.button：按钮组件，自定义按钮默认没有事件触发效果，需要通过注册事件并加入效果。
8.reset：重置按钮，重置表单中的元素。
9.submit：提交按钮，将组件中添加的数据提交到指定的目的地。
10.image：图像组件，为了避免提交按钮的美观，可通过此组件的src属性链接图片，达到所期望效果。
<select>下拉菜单：每一个下拉菜单都由option进行封装。
例：<select>
<option>第一个选项</option>
<option>第二个选项</option>
<option>第三个选项</option>
</select>
<textarea>文本区域：<textarea></textarea>
表单组件通常都需要定义name和value属性，因为要与服务端进行交互。
CSS层叠样式表
将网页中的样式分离出来，完全由css来控制，增强样式的服用性以及可扩展性。
格式：
选择器{属性名：属性值；属性名：属性值·····}
css和html代码相结合的三种方式：
1.每一个html标签都有一个style属性。
2.当页面中有多个标签有相同样式时，则可以进行复用。
3.当有多个页面中的标签的样式相同时，可单独封装成CSS文件，通过html中head标签中的link标签链接一个css文件。
选择器概念：样式所要作用的标签容器，当样式分离后，html作用在于用标签封装数据，然后将css加载到指定标签上。
选择器的基本分类：
1.标签选择器：html的每一个标签名。
2.类选择器：html的每一个标签中的calss属性，用 . 的形式表示。
3.id选择器：html的每一个id属性，id属性必须确保唯一，用#标识。ID属性不仅可以被css使用，还可以被javascript调用。
选择器优先级：ID>Class>标签。
扩展选择器：
1.关联选择器：对标签中的标签进项样式定义。
2.组合选择器：对多个选择器进行相同的样式定义，多个选择器用，隔开。
3.伪元素选择器：元素的一种状态，例如超链接被点击前的状态，点击后visited，鼠标悬停时hover，点击时active。
CSS滤镜：通过一些代码完成丰富的样式。//查阅css api；
区域块：div-行级区域 span：块级区域 p：行级区域，p中不能嵌套div。
标签：
原文地址：http://www.cnblogs.com/15-9-18-JavaScript/p/4820420.html
