一、有序列表
<ol>+<li>,<ol>与<li>均为双标签，使用例如：
<ol>
<li>水果</li>
<li>蔬菜</li>
<li>零食</li>
</ol>
运行结果如图：
我们或许还需要别的序号，例如a,b,c或者A,B,C。那我们可以定义<ol>的属性type
1表示用数字标号（1，2，3...）
a表示用小写字母标号（a,b,c...)
A表示用大写字母标号（A,B,C...）
i表示用小写罗马数字标号（i,ii,iii...）
I表示用大写罗马数字标号（I,II,III...）
<ol type="1">
<li>水果</li>
<li>蔬菜</li>
<li>零食</li>
</ol>
<ol type="a">
<li>水果</li>
<li>蔬菜</li>
<li>零食</li>
</ol>
<ol type="A">
<li>水果</li>
<li>蔬菜</li>
<li>零食</li>
</ol>
<ol type="i">
<li>水果</li>
<li>蔬菜</li>
<li>零食</li>
</ol>
<ol type="I">
<li>水果</li>
<li>蔬菜</li>
<li>零食</li>
</ol>
效果如下：
那如果我们要在有序列表中增加另一个有序列表怎么办呢？
列表是可以嵌套的，例如：
<ol>
<li>
水果
<ol type="A">
<li>水果</li>
<li>蔬菜</li>
<li>零食</li>
</ol>
</li>
<li>蔬菜</li>
<li>零食</li>
</ol>
运行结果如下：
二、无序列表
无序列表是一个项目的列表，用粗体小圆点进行标记
<ul>
<li>流浪小熊</li>
<li>流浪小熊</li>
<li>流浪小熊</li>
<li>流浪小熊</li>
</ul>
运行结果：
无序列表还可以有别的type属性：
其中type="disc"为实心圆点，type="circle"为空心圆点，type="square"为小方块，type="none"为不显示 例如：
<ul type="disc">
<li>流浪小熊</li>
<li>流浪小熊</li>
<li>流浪小熊</li>
<li>流浪小熊</li>
</ul>
<!-- 空心圆点 -->
<ul type="circle">
<li>流浪小熊</li>
<li>流浪小熊</li>
<li>流浪小熊</li>
<li>流浪小熊</li>
</ul>
<!-- 小方块 -->
<ul type="square">
<li>流浪小熊</li>
<li>流浪小熊</li>
<li>流浪小熊</li>
<li>流浪小熊</li>
</ul>
<!-- 不显示 -->
<ul type="none">
<li>流浪小熊</li>
<li>流浪小熊</li>
<li>流浪小熊</li>
<li>流浪小熊</li>
</ul>
运行结果：
与有序列表相同，无序列表也是可以嵌套的，且与有序列表嵌套规则相同。
无序列表除了可以完成无序列表效果外，还可以完成导航效果。
无序列表快捷键：ui>lin，n为需要多少行列表，如，需要三行即ui>li3。
三、表格
表格由行，列，单元格组成
单元格特点：同行等高，同列等宽
<table>
<!-- 行 -->
<tr>
<!-- 单元格(列) -->
<td>班级</td>
<td>姓名</td>
</tr>
<tr>
<td>流浪一班</td>
<td>流浪小熊</td>
</tr>
</table>
运行结果：
| 班级 | 姓名 |
| 流浪一班 | 流浪小熊 |
快捷键：table>trn>tdm{},其中n为行数，m为要生成的列数，{}中填单元格的内容，只能满足单元格内容一致时使用，若表格内容不一致，需自己修改。
另外表格的属性border,wigth,heigh,能控制表格的线的粗细，表格的宽度，表格的高度。
