根据html画对应的树状图

初学者，想根据code画出来树状图，这种有半个括号是不是应该画在树状图上呢
这个html大概应该怎么画呢


<html>
  <head>
  </head>

  <body>
    <h1>A</h1>
    <h2 class="i">AA</h2>
    <p class="a">AAA</p>


    <div class="r">
      <p class="a">1</p>
      <p class="a">2</p>
      <p>3</p>
      <p>4</p>
      <p class="a">5</p>
      <p class="a">6</p>
      <p>7</p>
   </div>
  </body>
</html>

没听明白你说的啥意思

http://www.jb51.net/article/43892.htm

你看看是这样不？

嗯嗯画的都不错，哈哈