4.4　列表

列表分为有序列表和无序列表，在什么情况下用到这两个列表呢？读者在门户网站上浏览新闻时，在网站的新闻列表中，新闻标题前会出现一个小圆点，而有的是有序号的数字，前者表示的是无序列表，后者表示的是有序列表。本节学习列表的表示，通过代码可以表现出列表是有序列表还是无序列表。

所谓无序列表是指在列表中没有顺序可言，表里的每项都是相同的。列表的语法分两部分。

＜！—下面一行表示无序列表—＞

＜ul＞

＜li＞表项一＜/li＞

＜li＞表项二＜/li＞

＜li＞表项……＜/li＞

＜/ul＞

分析上面的代码，决定无序的是＜ul＞，而＜li＞只是里面的一列表项。如果想列出更多的表项，那么就在＜ul＞＜/ul＞里加表项＜li＞＜/li＞即可。代码4.6表示无序列表的用法。

代码4.6　源代码\第6章\无序列表.html

——————————————-文件名：无序列表.html——————————————-

01 ＜html＞

02 ＜head＞

03 ＜title＞无序列表＜/title＞

04 ＜/head＞

05 ＜body＞

06 ＜！—下面一行表示无序列表—＞

07 ＜ul＞

08 ＜！—下面一行表示表项—＞

09 ＜li＞HTML+CSS完全自学手册＜/li＞

10 ＜li＞HTML+CSS完全自学手册＜/li＞

11 ＜li＞HTML+CSS完全自学手册＜/li＞

12 ＜li＞HTML+CSS完全自学手册＜/li＞

13 ＜/ul＞

14 ＜/body＞

15 ＜/html＞

【代码解析】代码第7～13行在无序列表符中间加了4行带有列表项的文字，默认状态下的无序列表所显示的效果在文本前用圆点表示，效果如图4.7所示。

图　4.7　无序列表