Dreamweaver CS6如何应用:[11]列表

时间:2024-10-12 11:22:15

列表是Web网页的重要组成元素之一,通过对列表进行修饰,可以提供各种不同的页面显莲镘拎扇示效果。下面我们就来一起学习一下关于列表的基础知识吧

工具/原料

Dreamweaver CS6

一、使用无序列表

1、无序列表中,表项前面的就是项目符号,如●、■等。在页面中通常使用标记<UL>和<LI>来创建无序列表。

2、具体操作:新建一个空白HTML页

3、选择‘插入’---‘HTML’-----‘文本对象’----‘项目列表’

Dreamweaver CS6如何应用:[11]列表

4、在设计视图输入‘第一项列表‘,回车输入‘第二项列表‘,回车输入‘第三项列表‘

Dreamweaver CS6如何应用:[11]列表

5、在‘属性’面板有个‘列表项目’,可以改变列表项目的符号

Dreamweaver CS6如何应用:[11]列表

二、有序列表

1、新建一个空白HTML页

2、选择‘插入’---‘HTML’-----‘文本对象’----‘编号列表’

Dreamweaver CS6如何应用:[11]列表

3、输入文本,就会在列表项前面出现数字项

Dreamweaver CS6如何应用:[11]列表

4、在‘属性’面板有个‘列表项目’,可以改变列表项目的编号模式,如罗马字等

Dreamweaver CS6如何应用:[11]列表

三、定义列表

1、新建一个空白HTML页

2、选择‘插入’---‘HTML’-----‘文本对象’----‘定义列表’

Dreamweaver CS6如何应用:[11]列表

3、输入文本,效果如下:

Dreamweaver CS6如何应用:[11]列表
© 手抄报圈