一、HTML概述：HTML是一种设计网页的纯文本的语言，源文件以.htm/.html结尾，由浏览器解析运行。
二、HTML基本语法：
标签：封闭类型的标签（成对）<h1>...</h1>
非封闭的标签(单标签)：<br />或者<br>
标签属性：可以有多个属性，以空格分隔，属性值用引号括住：<h1 align="center" xx="xx">...</h1>
HTML的文档结构：版本信息
<html>
文件头<head></head>
文件主题部分<body></body>
</html>
三、版本信息：
HTML有三种版本：传统型（过渡型）transitional（Strrict）、严格型(Strict)、框架型（Frameset）。
--Transitional DTD
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http:www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
--Strict DTD
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http:www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
--Frameset DTD
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http:www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
四、头标签<head></head>:
<head></head>标签用于为页面定义全局信息，紧跟在起始标签<html>之后。可包含title/meta/script/style/link标签。
1.<title></title>,为文档定义标题。如果没有定义标题，则显示的标题就是路径。
2.<meta />,元数据元素，单标记（空标记）用于定义网页的基本信息。
常用属性：content、http-equiv
<meta http-equiv="refresh" content="10"/>定义刷新频率
<meta http-equiv="content-type" content="text/html;charset=utf-8" />定义编码方式
五、文本标签：
文本默认显示方式：空格多行折叠为一个空格
特殊字符：替代特殊字符：< ---- < >----> (空格)---
标题：<h1></h1>.....<h6></h6>,默认左对齐，属性align="left/center/right"
段落：<p></p>
换行<br />,默认的行间距没有<p>标记大。
分组元素：将一些元素分堆，统一的设置。两种分组：
<div></div>块级元素分组，块级元素（block）就是独占一行。
<span></span>行级元素分组，分出来的元素不会换行。
六、图像和链接：
<img src="a.jpg"/>,单标记。
链接：<a href="index.html">被点击对象</a>
设置打开的目标位置：target属性
1.替换原有画面：target="_self",默认值
2.打开一个新窗口：target="_blank"
<a href="#">回到顶端</a>,回到页面的顶端
使用锚点：页面不同部分之间的定位,定义一个锚点：<a name="t1"></a>
去到这个锚点：<a href="#t1">To...</a>
七、列表:
无序列表（ul）,包含的列表项（li）
<ul>
<li></li>
<li></li>
</ul>
有序列表（ol）,包含的列表项（li）
<ol>
<li></li>
<li></li>
</ol>
列表的嵌套：创建多级的目录形式
<ol>
<li>个人所得税
<ul>
<li>1.1</li>
<li>1.2</li>
</ul>
</li>
<li>命令解析器
<ul>
<li>2.1</li>
<li>2.2</li>
</ul>
</li>
</ol>
八、表格：应用：数据的显示：网格数据、页面的布局
<table border="1" width="300" height="200">
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>
属性：table:border、width、height、align、cellspacing（表格与单元格边框之间的距离，一般设为0）,cellpadding(单元格内容和边框之间的距离--内边距)
td:width、height、align（left,right,center）、valign(top,middle,bottom)(垂直对齐)
表格的复杂结构：对于表格，不能在行之间添加<div>和<p>等标签，这样会破坏表格的结构。为了给表格的行分组，表格有专门的行分组标签：thead/tbody/tfoot,就用这三个标签对表的行分组。当然，一个表格中可以分多个<tbody>组，它可以包含多行，而thead和tfoot则一般只包含一行。
<table>
<thead>
<tr></tr>
</thead>
<tbody>
<tr></tr>
<tr></tr>
</tbody>
<tfoot>
<tr></tr>
</tfoot>
</table>
表格标题：<caption>标题</caption>,将该标签放在<table>标签中，并且作为第一个子标签存在。
不规则表格： colspan跨列 rowspan跨行
<body>
<table>
<tr>
<td rowspan="2">A</td>
<td colspan="2">B</td>
</tr>
<tr>
<td>C</td>
<td>D</td>
</tr>
</table>
</body>
九、表单：
1.<form></form>,承载表单上的元素，form的属性包括action="url",该属性决定了当提交表单时，向何处提交表单；下面将要介绍的几个元素都需要包含在这对标签中，从而以表单为单元提交数据，当然一个页面可以有多个表单。
2.表单中的元素：
单行文本框：<input type="text" />;name属性用于给文本框命名，用于提交数据时名值对中的名；value属性就是单行文本框中的字符串，如果设置value值，即单行文本框中的默认值；
密码框：<input type="password"/>;name属性同上。
单选框：<input type="radio"/>;name属性用于提交数据时名值对中的名，并且属于一组的单选框name属性要一致。checked=checked,设置该选项是默认值。
多选框（复选框）：<input type="checkbox"/>;name属性和checked属性和单选框一样。
提交按钮：<input type="submit"/>value属性设置按钮显示的名称；点击这个按钮后会发生提价动作，默认将名值对添加在url后面提交服务器。
重置按钮：<input type="reset"/>value属性同上；
普通按钮：<input type="button"/>value属性同上；
隐藏域：<input type="hidden">常用于记载那些不需要在页面显示的内容；
文件域：<input type="file"/>;
下拉框/下拉列表：
<select size="">下拉框/列表框，size属性决定了是下拉框还是列表框。name属性，用于提交数据
<option></option> value属性用于提交数据
<option></option>
<option></option>
</select>多行文本框：<textarea></textarea>,rows和cols属性决定了其大小；
字段集：
<fieldset>
<legend>该字段集的标题</legend>
</fieldset>文本标签：<label for="">文本</label>，这个标签中间的文本可以实现与某个标签关联，做法就是将for的属性值设为这个关联标签的id属性值。文本标签：<label for="">文本</label>，这个标签中间的文本可以实现与某个标签关联，做法就是将for的属性值设为这个关联标签的id属性值。
<form action="">
<table>
<tr>
<td width="100">姓名：</td>
<td width="200"><input type="text" name="n" vlaue="test"/></td>
<td>十个字符</td>
</tr>
<tr>
<td>密码：</td>
<td><input type="password" name="p" vlaue="test"/></td>
<td>十二个字符</td>
</tr>
<tr>
<td>性别：</td>
<td>
<input type="radio" name="sex" checked="checked" value="M"/>男
<input type="radio" name="sex" value="W"/>女
</td>
<td></td>
</tr>
<tr>
<td>角色：</td>
<td>
<fieldset>
<legend>请选择角色</legend>
<input type="checkbox" name="role" value="A" id="r1"/><label for="r1">超级管理员</label><br/>
<input type="checkbox" name="role" checked value="B" id="r2"/><label for="r2">普通管理员</label>
</fieldset>
</td>
<td>请至少选择一个</td>
</tr>
<tr>
<td>上传头像：</td>
<td>
<input type="file"/ >
</td>
<td></td>
</tr>
<tr>
<td>状态：</td>
<td>
<select size="1">
<option value="0">启用</option>
<option value="1">锁定</option>
<option value="2">删除</option>
</select>
</td>
<td></td>
</tr>
<tr>
<td>描述：</td>
<td>
<textarea rows="2" cols="5"></textarea>
</td>
<td></td>
</tr>
<tr>
<td></td>
<td>
<input type="submit" value="保存"/ >
<input type="reset" value="取消"/>
</td>
<td></td>
</tr>
</table>
aa<input type="hidden"/>bb
</form>
十、框架元素：
<iframe src="url"></iframe>在某个页面上嵌入另一个页面
8136
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
