HTML网页列表标记学习教程(11)
http://www.itjxue.com 2015-08-05 23:10 来源:未知 点击次数:
无序列表和有序列表的嵌套
这种嵌套类型是最常见的列表嵌套,重复地使用<ol>和<ul标记可以组合出嵌套列表。
文件范例:7-10.htm
通过<ol>和<ul>标记建立列表的嵌套。
01 <!-- ------------------------------ -->
02 <!-- 文件范例:7-10.htm -->
03 <!-- 文件说明:列表嵌套 -->
04 <!-- ------------------------------ -->
05 <html>
06 <head>
07 <title>列表嵌套</title>
08 </head>
09 <body>
10 <ul type=square>
11 <li><u>图像设计软件</u>
12 <ol type=I>
13 <li>Photoshop
14 <li>Illustrator
15 <li>Freehand
16 <li>CorelDraw
17 </ol>
18 <li><u>网页制作软件</u>
19 <ol type=I>
20 <li>Dreamweaver
21 <li>Frontpage
22 <li>Golive
23 </ol>
24 <li><u>网页动画软件</u>
25 <ol type=I>
26 <li>Flash
27 <li>LiveMotion
28 </ol>
29 </ul>
30 </body>
31 </html>
文件说明
第10行定义了列表的第一级,第11、18、24行定义了无序列表的内容,并使用了标记加注了下划线,第12至17行、第19至23行、第25至28行定义了二级列表。