HTML树形结构，用ID代替 "UL" "li"

树形示例：





/**/
///
 
<summary>


  
///
 Form1 


  
///
 
</summary>

以下是树形示例的HTML代码：







  /* ====== HTML代码 ====== */  

    /* ====== HTML代码开始 ====== */







<SPAN style="COLOR: #000000">

<SPAN style="COLOR: #000000">


   <IMG id=Image_Open onclick="this.style.display='none';


     Image_Closed.style.display='inline';


     Text_Open.style.display='none';


     Text_Closed.style.display='inline';"


     height=16 src="image/ExpandedSubBlockStart.gif" width=11 align=top>


   <IMG id=Image_Closed style="DISPLAY: none" onclick="this.style.display='none';


     Text_Closed.style.display='none';


     Image_Open.style.display='inline';


     Text_Open.style.display='inline';"


     height=16 src="image/ContractedSubBlock.gif" width=11 align=top>


  </SPAN>







<SPAN id=Text_Closed style="DISPLAY: none;BORDER-RIGHT: #808080 1px solid;

<SPAN id=Text_Closed style="DISPLAY: none;BORDER-RIGHT: #808080 1px solid;


   BORDER-TOP: #808080 1px solid; BORDER-LEFT: #808080 1px solid;


   BORDER-BOTTOM: #808080 1px solid; BACKGROUND-COLOR: #ffffff">


     /**/


  </SPAN>







<SPAN id=Text_Open>

<SPAN id=Text_Open>


   <SPAN style="COLOR: #808080">///</SPAN>


   <SPAN style="COLOR: #008000"> </SPAN>


   <SPAN style="COLOR: #808080"><summary></SPAN>


   <SPAN style="COLOR: #008000">


      <BR><IMG height=16 width=11 align=top


      src="image/InBlock.gif">  


   </SPAN>


   <SPAN style="COLOR: #808080">///</SPAN> 


   <SPAN style="COLOR: #008000">


       Form1 <BR><IMG height=16 width=11 align=top


      src="image/ExpandedSubBlockEnd.gif">  


   </SPAN>


   <SPAN style="COLOR: #808080">///</SPAN>


   <SPAN style="COLOR: #008000"> </SPAN>


   <SPAN style="COLOR: #808080"></summary></SPAN>


  </SPAN>




       /* ====== HTML代码结束 ====== */