核心知识点：
1.无序列表: ul>li
2.有序列表:ol>li
3.标题列表:dl(标签)>dt（标题）>dd（选项）
4.表格：table>thead(>tr>th)tbody>tr>td;
1.无序列表
<u1 type="disc"> ???<li>第一项</li> ???<li>第二项</li></u1>
效果展示：
type属性：（改变行前面个的开始字符）
- disc（实心圆点，默认值）
- circle（空心圆圈）
- square（实心方块）
- none（无样式）
换一个type选项
<ul type="circle"> ?#空心框 ???<li>第一项</li> ???<li>第二项</li></ul>
效果：
2.有序列表
<ol type="1" start="1"> ???<li>第1项</li> ???<li>第2项</li> ???<li>第3项</li> ???<li>第4项</li></ol>
效果：
所谓有序就是打印的时候会帮你加上一个序号。
type代表了序号的类型，而start表示序号从哪里开始，默认值都是1
type属性：
- 1 数字列表，默认值
- A 大写字母
- a 小写字母
- I 大写罗马
- i 小写罗马
3.标题列表
语法：
<dl> ?<dt>标题1</dt> ?<dd>内容1</dd> ?<dt>标题2</dt> ?<dd>内容1</dd> ?<dd>内容2</dd></dl>
实例：
<dl> ???<dt>湖北省</dt> ???<dd>武汉市</dd> ???<dd>孝感市</dd> ???<dd>襄阳市</dd> ???<dt>河北省</dt> ???<dd>沧州市</dd> ???<dd>廊坊市</dd> ???<dd>保定市</dd></dl>
效果：
4.表格
<table>标签标签定义了HTML表格。
简单的HTML表格由table元素以及一个或多个tr、th或td组成。
tr元素定义表格行，th元素定义表头，td元素定义表格单元。
语法：
<table> ?<thead> ?<tr> ???<th>字段1</th> ???<th>字段2</th> ???<th>字段3</th> ?</tr> ?</thead> ?<tbody> ?#字段一般和记录分开 ?<tr> ?#第一条记录 ???<td>1</td> ???<td>kebi</td> ???<td>杠娘</td> ?</tr> ?<tr> ?第二条记录 ???<td>2</td> ???<td>Yuan</td> ???<td>日天</td> ?</tr> ?</tbody></table>
<table> ???<thead> ???<tr> ???????<th>姓名</th> ???????<th>性别</th> ???????<th>籍贯</th> ???????<th>职业</th> ???</tr> ???</thead> ???<tbody> ???<tr> ???????<td>科比</td> ???????<td>男</td> ???????<td>罗田</td> ???????<td>销售</td> ???</tr> ???<tr> ???????<td>毛线</td> ???????<td>男</td> ???????<td>孝感</td> ???????<td>施工员</td> ???</tr> ???<tr> ???????<td>小鸟</td> ???????<td>男</td> ???????<td>襄阳</td> ???????<td>不明</td> ???</tr> ???</tbody></table></body></html>
效果：
（1）有点不好看，加个框吧
<table border="2"> #2表示边框的宽度
（2）太挤了，松一点
<table border="2" width="200" > ?#指定一下宽度
（3）里面挨得太紧
<table border="2" width="200" cellpadding="10" cellspacing="10">#celladding内边距cellspacing外边距
（4）三个男想要合并，有点浪费，小鸟搬家了，地址不明
<table border="2" width="200" cellpadding="0" cellspacing="0"> ???<thead> ???<tr> ???????<th>姓名</th> ???????<th>性别</th> ???????<th>籍贯</th> ???????<th>职业</th> ???</tr> ???</thead> ???<tbody> ???<tr> ???????<td>科比</td> ???????<td rowspan="3">男</td> ???????<td>罗田</td> ???????<td>销售</td> ???</tr> ???<tr> ???????<td>毛线</td> ???????<td>孝感</td> ???????<td>施工员</td> ???</tr> ???<tr> ???????<td>小鸟</td> ???????<td colspan="2">不明</td> ???</tr> ???</tbody></table>
结果：
（5）这个男得有点歪，调试一下
<td align="center" rowspan="3">男</td>
结果：
HTML——列表的相关知识
原文地址：http://www.cnblogs.com/yangmingxianshen/p/8081652.html