2018-07-17

HTML 列表实例
1.无序列表
<ul>标签定义无序列表-带有圆点列表符号
属性type：disc，square，circle
<li>标签定义列表项目
<li> 标签可用在有序列表 (<ol>) 和无序列表 (<ul>) 中
e.g <ul>
<li>黄桃</li>
<li>梨子</li>
<li>苹果</li>
</ul>
不同类型的无序列表(项目符号列表）
e,g <ul type="disc">
<li>黄桃</li>
<li>梨子</li>
<li>苹果</li></ul>
<ul type="circle">
<li>黄桃</li>
<li>梨子</li>
<li>苹果</li></ul>
<ul type="square">
<li>黄桃</li>
<li>梨子</li>
<li>苹果</li></ul>
2.有序列表
<ol>定义有序列表-带有数字列表符号
属性：reversed规定列表顺序为降序
,type规定在列表中使用的标记类型
1
A
a
I
i
,start规定有序列表的起始值
e.g
<ol>
<li>黄桃</li>
<li>梨子</li>
<li>苹果</li></ol>
<ol start="50">
<li>荷花</li>
<li>水杉</li>
<li>水仙</li></ol>
3.嵌套列表
<ol>
<li>茶</li>
<ul><li>红茶</li>
<li>绿茶</li></ul>
<li>梨子</li>
<li>苹果</li>
</ol>
4.定义列表
<dl> 标签定义了定义列表（definition list）
<dl> 标签用于结合 [<dt>] （定义列表中的项目）和 [<dd>]（描述列表中的项目）
<dl>
<dt>计算机</dt>
<dd>用来计算的仪器 ... ...</dd>
<dt>钱</dt>
<dd>用来消费的</dd>
</dl>