HTML列表分三种:无序列表、有序列表和定义列表
(HTML列表常用于页面中的导航)
(style="list-style:none"取消列表前的项目符号)
无序列表
<ul>(无序列表开始)
<li>...</li>(表示一个项目)
<li>...</li>...
</ul>(无序列表结束)
无序列表<li>的属性(例:<li type=”disc”>)
属性名称 | 属性值 | 说明 |
---|---|---|
type | disc | 实心圆(默认) |
type | circle | 空心圆 |
type | square | 实心方块 |
有序列表
<ol>(有序列表开始)
<li>...</li>(表示一个项目)
<li>...</li>...
</ol>(有序列表结束)
有序列表<ol>的属性 (例:<ol type=”1”>)
属性名称 | 属性值 | 说明 |
---|---|---|
type | 1 | 表示以1,2,3来表示(默认) |
type | a | 表示以a,b,c来表示 |
type | A | 表示以A,B,C来表示 |
type | i | 表示以i,ii,iii来表示 |
type | I | 表示以I,II,III来表示 |
无序列表和有序列表结合
<ul>
<li>
<ol>
<li>…</li>
<li>…</li>
</ol>
</li>
<li>
<ol>
<li>…</li>
<li>…</li>
</ol>
</li>
</ul>
定义列表
<dl>(定义列表开始)
<dt>...</dt>(表示一个项目)
<dd>...</dd>(表示一个项目下的更详细的内容)
<dd>...</dd>...
</dl>(定义列表结束)