无序列表（Unordered Lists）
无序列表和有序列表最大的不同在于列表项的序号，有序列表使用序号进行排列，而无序列表通常使用符号作为标志。
5.2.1 无序列表标签标签代码<ul>
无序列表的特征在于提供一种不编号的列表方式，而在每一个项目文字前，以符号作为列表项标识。
【标签说明】
<ul> <LI>第1项 <LI>第2项 <LI>第3项 … </ul>
说明：在该语法中，使用<ul></ul>标签对表示这是一个无序列表的开始和结束，而<LI>则表示这是一个列表项的开始。在一个无序列表中可以包含多个列表项。
【实例】
<html> <head> <title>创建无序列表</title> </head> <body> <font size=5 color="#990000">网站导航项目</font><br><br> <ul> <LI>首页 <LI>新闻 <LI>生活 <LI>娱乐 </ul></body> </html>
【运行结果】
运行代码，看到窗口中建立了一个无序列表，这个列表共包含4个列表项，如
无序列表
5.2.2 无序列表的符号类型标签代码type
默认情况下，无序列表的项目符号是●，而通过type参数可以调整无序列表的项目符号，避免列表符号的单调。
【标签说明】
<ul type=符号类型> <LI>第1项 <LI>第2项 <LI>第3项 … </ul>
说明：在该语法中，无序列表其他的属性不变，type 属性则决定了列表项开始的符号。它可以设置的值有3个，见表5-2。其中disc是默认的属性值。
表5-2 无序列表的符号类型
【实例】
<html> <head> <title>创建无序列表</title> </head> <body> <font size=5 color="#990000">出售的 <br><br> <ul type=circle> <LI>计算机类书籍 <LI>休闲杂志类书籍 <LI>考试教材类书籍 <LI>社会科学类书籍 <LI>外语原版书 </ul> <hr color="#CC0000" size=2> <font size=5 color="#990000">出售的数码产品种类：</font> <br><br> <ul type=square> <LI>电脑配件 <LI>数码相机 <LI>手机 <LI>MP3 </ul> </body> </html>
【运行结果】
运行代码，可以看到除了默认的列表项符号外，还显示了另外两种列表项目符号的效果，如
无序列表
无序列表的类型定义也可以在<LI>项中，其语法是<LI type=符号类型>，这样的定义结果是对单个项目进行定义，
【实例】
<html> <head> <title>创建无序列表</title> </head> <body> <font size=5 color="#990000">网站导航项目</font><br> <ul> <LI>首页 <LI type="circle">新闻 <LI>生活 <LI>娱乐 </ul> <font size=5 color="#990000">出售的数码产品种类： </font><br> <ul type="square"> <LI>电脑配件 <LI type="disc">数码相机 <LI>手机 <LI>MP3 </ul>
</body> </html>
【运行结果】
运行代码效果如
无序列表项目符号
发表评论:
◎欢迎参与讨论，请在这里发表您的看法、交流您的观点。