1、HTML：它是一个超文本标记语言.
其结构组织：
<!DOCTYPE html> （表示申明）
<html>
<herd>
<meta http-equiv="Content-Type" content="text/html; charset="utf-8" />
<title>标题</title>
</herd>
<body>
写主体内容
</body>
</html>
html注释的格式：<!--内容-->
2、各种标记表示的含义：
换行<br/>
段落标记<p></p>
水平线<hr> （属性：size：水平线的粗细（以px为单位）； width：宽度； align：水平位置； color ：颜色）
空格：
居中：center
3、标题文字：
标题：通常都是以<h1></h1>—<h6></h6>作为标题
文字样式：<b></b>:粗体； <i></i>:斜体； <u></u>:下划线； <s></s>:删除线； <sup></sup>:文字上标； <sub></sub>:文字下标
4、body属性：
背景颜色：bgcolor
背景图片：background
文字颜色：text
5、列表：
（1）有序列表：
<ol>
<li>编号1</li>
<li>编号2</li>
<li>编号3</li>
</ol>
编号形式：type属性
Type=1 或A 或a或I 或i
设置编号的开始序号：start属性
Start=n (只能是数字)
（2）无序列表：
<ul>
<li>项目符号</li>
<li>项目符号</li>
<li>项目符号</li>
</ul>
设置项目符号的形式：type=circle（圆圈） 或 disc（点） 或 square（方框）
去掉前面的符号：list-style-type:none;
（3）列表嵌套的正确写法：
<ul>
<li>选项1</li>
<li>选项2
<ol>
<li>选项2-1</li>
<li>选项2-2</li>
</ol>
</li>
</ul>
注意：当“选项2”内部有嵌套表格时，它后面的</li>并不是直接写在“选项2”后面，而是写在它内部嵌套表格的后面.
6、表格：
（1）表格布局：
<table>
<caption>表格标题</caption>
<tr>
<th>表头1</th>
<th>表头2</th>
</tr>
<tr>
<td>列表1</td>
<td>列表2</td>
</tr>
</table>
（2）表格属性：
宽：width 、高：height、边框：border、内边框宽度：cellspacing、文字到边框距离：cellpadding、边框颜色：bordercolor、背景色：bgcolor、水平位置：align
（3）行列属性：高：height； 框颜色：bordercolor； 背景色：bgcolor； 水平对齐：align； 垂直对齐：valign
（4）跨行跨列：跨行：rowspan 跨列：colspan
（5）表格标题：<caption align=top或bottom>，位于表格上方或下方.
7、图片：
图片标记：<img src="图片路径" >
图片属性：高度：height； 宽度：width； 边框宽度：border； 优先读低分辨率图：lowsrc； 文字标注：alt
8、绝对路径&相对路径：
绝对路径： http://www.cnblogs.com/ 或 D:\360Downloads
相对路径: ../../a/b.jpg
9、超链接：
<a href="超链接地址">文字或图片</a>
1、空链接：<a href="JavaScript:;"></a>
空链接与其它各类链接的区别：
href="JavaScript:;" 同 href="javascript:void(0);" ，空链接，点击不会有任何跳转
href="#" 同#top，点击回到顶部，页面不刷新
href=" " 点击后刷新并回到顶部
href="/" 点击跳转到上一级目录
2、链接打开窗口： _blank （在新窗口打开） _parent （在父级窗口打开） _self （在当前窗口打开） _top （返回信息显示在顶级浏览器窗口中）
原文：http://www.cnblogs.com/admi88/p/4815067.html