html知识点列表显示.docxVIP

HTML学习之有序列表、无序列表和自定义列表列表分成三种类型：有序列表、无序列表和自定义列表。有序列表使用编号来记录项目的顺序无序列表使用项目符号来记录无序的项目自定义列表它由两个部分组成：定义条件和定义描述。有序列表：OL? type=编号样式 start=编号起始值? LI项目一/LI? LI项目二/LI? ....? /OL? type? 1 阿拉伯数字? a英文小写? A英文大写? i罗马小写数字? I罗马大写数字? start编号样式的起始数字，如：编号样式设为A，起始值设置为2，则列表的起始值为B测试程序如下：!DOCTYPE?html?PUBLIC?-//W3C//DTD?XHTML?1.0?Transitional//EN?/TR/xhtml1/DTD/xhtml1-transitional.dtd??html?xmlns=/1999/xhtml??????head??????meta?http-equiv=Content-Type?content=text/html;?charset=utf-8?/??????title无标题文档/title??????/head??????body??????marquee?direction=right?behavior=alternate?bgcolor=#3333FF?????hello,great?boy.......???????/marquee????????hr?????????ol?type=1?start=5?????????li时间/li?????????li金钱/li?????????li权利/li?????????li自由/li????/ol??????????/html??HTML无序列表：§无序列表标记UL? LI项目一/LI? LI项目二/LI? ..../ULtype? circle 空心圆? disc圆点? square正方形!DOCTYPE?html?PUBLIC?-//W3C//DTD?XHTML?1.0?Transitional//EN?/TR/xhtml1/DTD/xhtml1-transitional.dtd??html?xmlns=/1999/xhtml??????head??????meta?http-equiv=Content-Type?content=text/html;?charset=utf-8?/??????title无标题文档/title??????/head??????body??????marquee?direction=right?behavior=alternate?bgcolor=#3333FF?????hello,great?boy.......???????/marquee????????hr?????????ul?type=disc???????li项目一/li?????li项目二/li?????li项目三/li????/ul??????????/html??自定义列表：html??head??????title标题/title??/head????body??????DL????????DT☆DD无序列表/DD????????DT☆DD有序列表/DD????????DT☆DD定义列表/DD??????/DL??????DL??????????DT无序列表/DTDD不以数字为开始，而是使用一个符号作为分项标记的列表。/DD??????????DT有序列表/DTDD使用数字编号，分项带有顺序性质的列表。/DD??????????DT定义列表/DTDD用于解释名词的列表，包含了两种层次，一是名词，一是名词的解释。/DD??????/DL??????????????????????/body??/html??无序列表实现纵向和横向菜单?下载源代码〖作者：不详〗〖大小：2k 〗〖发布日期：2010-04-22 〗〖浏览：0 〗????无序列表UL在网页中除显示树状结构外，最常用的用途就是作为导航栏的菜单使用，而它的样式通过CSS来设定，这种把样式与数据分离的做法既能有丰富多彩的效果，又易于变换，值得好好研究一下。无序列表的默认效果?无序列表的代码ullia?href=#菜单001/a/lilia?href=#菜单002/a/lilia?href=#菜单003/a/lilia?href=#菜单004/a/lilia?href=#菜单005/a/lilia?href=#菜单006/a/lilia?href=#菜单007/a/lilia?href=#菜单008/a/li/ul竖向导航栏的实现效果上边是竖向导航栏的效果，这在许多网站上很常见取消无序列表的列表效果如前页，如果不加设置，无序列表的li子项前会出现圆点效