大学生网页制作与网站建设必看教程知识讲稿.pptVIP

DT definition title DD definition description 在HTML页面中，使用列表标签可以起到编排提纲和格式排序文件的作用。对于强化文档的条理性有很大的帮助。 HTML有三种列表形式：无序列表(ul)；有序列表(ol)；定义列表(dl)。 无序列表就是项目各条列间并无顺序关系，纯粹只是利用条列来呈现资料而已，此种无序标签，在各条列前面均有一符号以示区隔；而有序条列就是指各条列之间是有顺序的，比如从1、2、3…一直延伸下去；定义列表则用于对一系列给定的术语给出解释和说明。表2-7给出了创建列表时经常用到的主要标签。 2.5 列表标签 2.5.1无序列表ul 无序列表使用ul/ul标签，每一个列表项前使用li标签。无序列表不用数字标记每个列表项，而采用一个符号来标记每个列表项，比如圆黑点。 在ul和li中可使用属性type。type有三个取值： type=disc表示使用实心园作为列表的符号（此为type的默认值） type=circle表示使用空心园作为列表的符号 type=square表示使用小方块作为列表的符号 2.5 列表标签 无序列表的基本格式如下: ulli第一项 li第二项 …… li第N项 /ul 2.5 列表标签 2.5 列表标签 例2-14： htmlbody b这是一个默认的无序列表：/bp b使用各种符号作为列表符号的列表/bp ul 国际互联网提供的服务有： li type=circleWWW服务 li type=disc文件传输服务 li type=square电子邮件服务 /ul /body/html 例2-14运行效果 2.5.2 有序列表ol 顺序编号的设置是由ol的两个属性type和start来完成的。type=用于编号的数字,字母等的类型，如type=a，则编号用小写英文字母排序。start=编号开始的数字，如start=2则编号从2开始。 也可以在li标签中设定value＝n改变列表行项目的特定编号，例如li value=7，则表示该列表项的序号为7。 2.5 列表标签 原始代码 显示结果 OL START=“10” LI靓仔 LI靓女 LI靓世界/OL 靓仔 靓女 靓世 2.5 列表标签 ol标签的基本格式如下： ol type=编号类型 start=value li第1项 li第2项 li第3项 /ol 例2-15： html headtitle有序列表/title/head body b默认的有序列表/bp ol 国际互联网提供的服务有： liwww服务 li文件传输服务 li电子邮件服务 /ol b用小写英文字母标记序号，序号从c起始 /bpol type=a start=3 国际互联网提供的服务有： liwww服务 　 　li文件传输服务 　 　li电子邮件服务 　　 li远程登录服务 /ol b用大写罗马字母标记序号， 其中改变了序号的列表/bp ol? type= i 国际互联网提供的服务有： liwww服务 li文件传输服务 li value=7电子邮件服务 li 远程登录服务 /ol /body/html 2.5 列表标签 例2-15的运行效果 2.5.3 嵌套列表 将一个列表嵌入到另一个列表中，作为另一个列表的一部分，叫嵌套列表。无论是有序列表和无序列表的嵌套，浏览器都可以自动地分别排列。 2.5 列表标签 例2-16： html headtitle嵌套列表/title /head body h3目录/h3 ol type=a li动物肉类食物/li ol type=a li水产品/li ol li带鱼/li li螃蟹/li li北极虾/li /ol li家禽/li ol type=a li三黄鸡/li li湖鸭/li li乌鸡/li /ol /ol 2.5 列表标签 li植物类食物/li ol type=i li蔬菜/li ul type=square li番茄/li li青菜/li li黄瓜/li /ul li水果/li ol type=a li苹果/li li葡萄/li li香蕉/li /ol li谷物/li ul type=circle li大米/li li高梁/li li玉米/li /ul /ol li人工合成类食物/li /ol /body/html