列表是Web网页的重要组成元素之一,通过对列表进行修饰,可以提供各种不同的页面显莲镘拎扇示效果。下面我们就来一起学习一下关于列表的基础知识吧
工具/原料
Dreamweaver CS6
一、使用无序列表
1、无序列表中,表项前面的就是项目符号,如●、■等。在页面中通常使用标记<UL>和<LI>来创建无序列表。
2、具体操作:新建一个空白HTML页
3、选择‘插入’---‘HTML’-----‘文本对象’----‘项目列表’
![Dreamweaver CS6如何应用:[11]列表](https://exp-picture.cdn.bcebos.com/4d3d2ab33c4133bafdd53ace6a37c97623bc2f2b.jpg)
4、在设计视图输入‘第一项列表‘,回车输入‘第二项列表‘,回车输入‘第三项列表‘
![Dreamweaver CS6如何应用:[11]列表](https://exp-picture.cdn.bcebos.com/ce26355fd54605968080cd633e03c8d247fe252b.jpg)
5、在‘属性’面板有个‘列表项目’,可以改变列表项目的符号
![Dreamweaver CS6如何应用:[11]列表](https://exp-picture.cdn.bcebos.com/c99358fe474ec2830c2b025cbe4f50b8b53e1c2b.jpg)
二、有序列表
1、新建一个空白HTML页
2、选择‘插入’---‘HTML’-----‘文本对象’----‘编号列表’
![Dreamweaver CS6如何应用:[11]列表](https://exp-picture.cdn.bcebos.com/340e4eb8b43ea8db12dec381189c2cf7deb2162b.jpg)
3、输入文本,就会在列表项前面出现数字项
![Dreamweaver CS6如何应用:[11]列表](https://exp-picture.cdn.bcebos.com/5a5a00def4dca039438bf75f58d96975f3c40d2b.jpg)
4、在‘属性’面板有个‘列表项目’,可以改变列表项目的编号模式,如罗马字等
![Dreamweaver CS6如何应用:[11]列表](https://exp-picture.cdn.bcebos.com/6834ecc4ec9959435395714d95425d6b05d1042b.jpg)
三、定义列表
1、新建一个空白HTML页
2、选择‘插入’---‘HTML’-----‘文本对象’----‘定义列表’
![Dreamweaver CS6如何应用:[11]列表](https://exp-picture.cdn.bcebos.com/1f03436b04d14929c71c00a063e5eceeacbc7e2b.jpg)
3、输入文本,效果如下:
![Dreamweaver CS6如何应用:[11]列表](https://exp-picture.cdn.bcebos.com/de9bfa3b3b86022126c3aae5d8bbf82065fb722b.jpg)