Chapter5_List列表

HTML的精髓：标签的语义。

语义化的目的：提高可读性和可维护性。

列表：网页中最常用的一种数据排列方式（文字列表、图片列表）。

实际开发中，无序列表比有序列表更为有用。

有序列表

 

<ol>

　　<li>列表项</li>

　　<li>列表项</li>

　　<li>列表项</li>

</ol>

 

ol: ordered list

li: list

二者配合使用，ol子标签只能是li，不能是其他标签。

ol type:

1->1、2、3...

a->a、b、c...

A->A、B、C...

i->i、ii、iii...

I->I、II、III...

 

 

无序列表

 

<ul>

　　<li>列表项</li>

　　<li>列表项</li>

　　<li>列表项</li>

</ul>

 

ul: unordered list

li: list

二者配合使用，ul子标签只能是li，不能是其他标签。

ul type:

disc:实心圆（默认）

circle:空心圆

square:正方形

 

定义列表

definition list:名词和描述

<dl>

　　<dt>名词</dt>

　　<dd>描述</dd>

</dl>

dl:definition list

dt:definition term

dd:definition description

用途：高级效果（自定义表单）