html嵌套列表

2008-05-08 12:03:45 来源:互联网作者: 收藏本页点击：次

将一个列表嵌入到另一个列表中，作为另一个列表的一部分，叫嵌套列表。无论是有序列表和无序列表的嵌套，浏览器都可以自动地分成排列。

实列：

<HTML>
<HEAD>
<TITLE>嵌套列表</TITLE>
</HEAD>
<BODY>
<h3>目录</h3>
<ol type=a>
     <li>这是以序号类型a开头第一行内容</li>
     <li>这是以序号类型a开头第二行内容</li>
         <ol type=A start=3>
         <li>这是以序号A类型C开头第一行内容</li>
         <li>这是以序号A类型C开头第二行内容</li>
             <ol type=1 start=51>
             <li>这是以序号数字51开头第一行内容</li>
             <li>这是以序号数字51开头第二行内容</li>
             <li>这是以序号数字51开头第三行内容</li>
             </ol>
         <li>这是以序号A类型C开头第三行内容</li>
         </ol>
       <li>这是以序号类型a开头第三行内容</li>
</ol>
<HR>
</BODY>
</HTML>

效果：

这是以序号类型a开头第一行内容
这是以序号类型a开头第二行内容
1. 这是以序号A类型C开头第一行内容
2. 这是以序号A类型C开头第二行内容
  1. 这是以序号数字51开头第一行内容
  2. 这是以序号数字51开头第二行内容
  3. 这是以序号数字51开头第三行内容
3. 这是以序号A类型C开头第三行内容
这是以序号类型a开头第三行内容

标签：

评论总数：0 条 [ 发布评论 ] 网友评论