HTML新手学习小记4（列表）

列表应用

ul（Unordered List）、li（List items） 组合的无序列表
代码格式如下：

<ul>
<li>哈士奇</li>
<li>金毛</li>
<li>巨宾</li>
</ul>

效果如下，默认前方带有圆点。

• 哈士奇
• 金毛
• 巨宾

我们可以通过设置ul的type属性来给予前方不同的形状。

square 方形

<ul type="square">

circle 圈圈

<ul type="circle">

disc 圆（就是默认的圆点，可以不需要打出来）

ol（Ordered List）、li（List items） 组合的有序列表
代码格式如下：

<ol>
<li>哈士奇</li>
<li>金毛</li>
<li>巨宾</li>
</ol>

效果如下，默认前方默认是1、2、3…。

1. 哈士奇
2. 金毛
3. 巨宾

与无序列表一样，可以用type设置序号类型。

A或a 大小写英文字母

<ol type="A">

I 或 i 罗马数字

<ol type="I">

1 数字列表，默认值，无需打出。

dl（Defined List）、dt(Defined Title)、dd（Defined Description）组合的定义列表
代码格式如下：

<dl>
<dt>犬类</dt>
<dd>金毛</dd>
<dt>猫类</dt>
<dd>牛奶猫</dd>
</dl>

犬类

金毛

猫类

牛奶猫

dl框着整个定义列表，dt是一个定义的栏目名称、dd则是定义描述。
不是每个dt下面都要有dd，
但一个或多个dd上面总是会有个dt的。