HTML 列表

列表（List）：无序列表（UnOrdered List），有序列表（Ordered List），定义列表（Definition List）

无序列表

type参数可以设置无序列表的符号类型，除了默认（disc）之外，还可以设置为空心圆圈（circle），正方形（square）

<h4>An Unordered List:</h4>
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>

 

<h4>An Unordered List:</h4> 

<ul type = "square">

<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>

 

有序列表

type属性可以调整序号的类型，取值为：1(数字)，a（小写字母），A（大写字母）,i(小写罗马数字ⅰⅱⅲⅳ...),I(大写罗马数字ⅠⅡⅢⅣ.......)

<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>

<ol start="50">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>

<ol type ="a">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>

<ol type= A start = "5">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>

自定义列表

<h4>A Definition List:</h4>
<dl>
<dt>Coffee</dt>
<dd>- black hot drink</dd>
<dt>Milk</dt>
<dd>- white cold drink</dd>
</dl>

 

更多实例

<h4>Circle bullets list:</h4>
<ul style="list-style-type:circle;font-size:24px">
<li>Apples</li>
<li>Bananas</li>
<li>Lemons</li>
<li>Oranges</li>
</ul>

<h4>A list inside a list:</h4>
<ul>
<li>Coffee</li>
<li>Tea
<ul>
<li>Black tea</li>
<li>Green tea</li>
</ul>
</li>
<li>Milk</li>
</ul>