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行定义了二级列表。

(责任编辑:IT教学网)

更多

推荐HTML/Xhtml文章