·50·
HTML网页设计参考手册
无序列表的设计
有序列表的设计
定义列表标记——dl
菜单列表标记——menu
目录列表——dir
列表的高级应用
列表的嵌套
列表（List）是一种非常实用的数据排列方式，它以条列式的模式来显示数据，使读者能够一目了然。在HTML中有3种列表，分别是无序列表（Unordered Lists）、有序列表（Ordered Lists）和定义列表（Definition Lists）。
第4章  列    表
·51·
4.1  无序列表的设计
4.1.1  无序列表标记——ul
无序列表的特征在于提供一种不编号的列表方式，而在每一个项目文字之前，以符号作为分项标识。 语法：
<ul>  <LI>第1项  <LI>第2项  <LI>第3项    ……
tableau是什么语言
</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个列表项，如图4-1所示。
图4-1  创建无序列表
·52·
HTML网页设计参考手册
4.1.2  设置无序列表的符号类型——type
默认情况下，无序列表的项目符号是●，而通过type参数可以调整无序列表的项目符号，避免列表符号的单调。
语法：
type=符号类型>
<ul
<LI>第1项
<LI>第2项
<LI>第3项
……
</ul>
说明：在该语法中，无序列表其他的属性不变，type属性则决定了列表项开始的符号。它可以设置的值有3个，见表4-1。其中disc是默认的属性值。
表4-1  无序列表的符号类型
类型值列表项目的符号
disc ●
circle ○
square ■
实例代码：
<html>
<head>
<title>创建无序列表</title>contented怎么读
</head>
<body>
<font size=5 color="#990000">出售的图书种类：</font><br><br>
type=circle>
<ul
<LI>计算机类书籍
<LI>休闲杂志类书籍
<LI>考试教材类书籍
<LI>社会科学类书籍
<LI>外语原版书
幽门螺杆菌最怕的食物</ul>
<hr color="#CC0000" size=2>
<font size=5 color="#990000">出售的数码产品种类：</font><br><br>
type=square>
<ul
<LI>电脑配件
<LI>数码相机
<LI>手机
<LI>MP3
html个人网页完整代码怎么看
</ul>
the table tennis club</body>
</html>
第4章  列    表
·53·
运行这段代码，可以看到除了默认的列表项符号之外，显示了另外两种列表项目符号的效果，如图4-2所示。
无序列表的类型定义也可以在<LI>项中，其语法是<LI type=符号类型>，这样定义的结果是对单个项目进行定义，实例代码如下：
<html> <head>
<title>不同的项目符号</title> </head> <body>  <font size=5 color="#990000">出售的图书种类：</font><br><br>  <ul>  <LI type=disc >计算机类书籍  <LI type=circle>休闲杂志类书籍
<LI
type=square >社会科学类书籍  </ul> </body> </html>
运行这段代码，效果如图4-3所示。
图4-2  设置无序列表项目符号                          图4-3  设置不同的项目符号
4.2  有序列表的设计
4.2.1  有序列表标记——ol
有序列表中，各个列表项使用编号而不是符号来进行排列。列表中的项目通常都有先后顺序性，一般采用数字或者字母作为顺序号。
语法：
<ol>  <LI>第1项
HTML 网页设计参考手册
·54·  <LI>第2项  <LI>第3项    ……
</ol>
说明：在该语法中，<ol>和</ol>标记标志着有序列表的开始和结束，而<LI>标记表示这是一个列表项的开始，默认情况下，采用数字序号进行排列。
实例代码：
<html> <head>
<title>创建有序列表</title> </head> <body>  <font size=5 color="#990000">创建HTML 文件的步骤：</font><br><br>  <ol>  <LI>启动编写HTML 文件的软件，如Dreamweaver  <LI>编写文件代码  <LI>保存文件  <LI>运行文件并查看效果  </ol> </body> </html>
运行这段代码，可以看到序列前面包含了顺序号，如图4-4所示。
4.2.2  有序列表的序号类型——type
默认情况下，有序列表的序号是数字的，通过type 属性可以调整序号的类型，例如将其修改成字母等。
语法：
<ol type=序号类型>  <LI>第1项  <LI>第2项  <LI>第3项    ……
</ol>
说明：在该语法中，序号类型可以有5种，见表4-2。sizeof(1)是多少
表4-2  有序列表的序号类型
type 取值
列表项目的序号类型 1 数字1，2，3，4……
a
小写英文字母a ，b ，c ，d ……
图4-4  有序列表

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。