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

树形示例：

/**/ ///   <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">&nbsp;</SPAN>
   <SPAN style="COLOR: #808080">&lt;summary&gt;</SPAN>
   <SPAN style="COLOR: #008000">
      <BR><IMG height=16 width=11 align=top
      src="image/InBlock.gif">&nbsp;&nbsp;
   </SPAN>
   <SPAN style="COLOR: #808080">///</SPAN> 
   <SPAN style="COLOR: #008000">
      &nbsp;Form1&nbsp;<BR><IMG height=16 width=11 align=top
      src="image/ExpandedSubBlockEnd.gif">&nbsp;&nbsp;
   </SPAN>
   <SPAN style="COLOR: #808080">///</SPAN>
   <SPAN style="COLOR: #008000">&nbsp;</SPAN>
   <SPAN style="COLOR: #808080">&lt;/summary&gt;</SPAN>
  </SPAN>

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