欢迎来到天天文库
浏览记录
ID：34434563
大小：664.34 KB
页数：13页
时间：2019-03-06
《第4章 列 表26776》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。
1、·50·HTML网页设计参考手册第章列表:无序列表的设计:有序列表的设计:定义列表标记——dl:菜单列表标记——menu:目录列表——dir:列表的高级应用:列表的嵌套列表（List）是一种非常实用的数据排列方式，它以条列式的模式来显示数据，使读者能够一目了然。在HTML中有3种列表，分别是无序列表（UnorderedLists）、有序列表（OrderedLists）和定义列表（DefinitionLists）。第4章列表·51·4.1无序列表的设计4.1.1无序列表标记——ul无序列表的特征在于提供一种不编号的列表方式，而在每一个项目文
2、字之前，以符号作为分项标识。语法：
3、dy>运行这段代码，可以看到窗口中建立了一个无序列表，该列表共包含了4个列表项，如图4-1所示。图4-1创建无序列表·52·HTML网页设计参考手册4.1.2设置无序列表的符号类型——type默认情况下，无序列表的项目符号是●，而通过type参数可以调整无序列表的项目符号，避免列表符号的单调。语法：第1项第2项第3项……说明：在该语法中，无序列表其他的属性不变，type属性则决定了列表项开始的符号。它可以设置的值有3个，见表4-1。其中disc是默认的属性值。表4-
4、1无序列表的符号类型类型值列表项目的符号disc●circle○square■实例代码：
5、类：电脑配件数码相机手机MP3第4章列表·53·运行这段代码，可以看到除了默认的列表项符号之外，显示了另外两种列表项目符号的效果，如图4-2所示。无序列表的类型定义也可以在项中，其语法是，这样定义的结果是对单个项目进行定义，实例代码如下：不同的项目符号6、0">出售的图书种类：计算机类书籍休闲杂志类书籍社会科学类书籍运行这段代码，效果如图4-3所示。图4-2设置无序列表项目符号图4-3设置不同的项目符号4.2有序列表的设计4.2.1有序列表标记——ol有序列表中，各个列表项使用编号而不是符号来进行排列。列表中的项目通常都有先后顺序性，一般采用数字或者字母作为顺序号。语法：第1项·54·HTML网页设计参考手册7、>第2项第3项……说明：在该语法中，和标记标志着有序列表的开始和结束，而标记表示这是一个列表项的开始，默认情况下，采用数字序号进行排列。实例代码：创建有序列表创建HTML文件的步骤：启动编写HTML文件的软件，如Dreamweaver编写文件代码保存文件运行文件并查看效果
6、0">出售的图书种类：
7、>第2项
8、运行这段代码，可以看到序列前面包含了顺序号，如图4-4所示。图4-4有序列表4.2.2有序列表的序号类型——type默认情况下，有序列表的序号是数字的，通过type属性可以调整序
此文档下载收益归作者所有
