html<li>标签树形结构，可展开折叠

要创建可展开折叠的 HTML 树形结构，可以使用 JavaScript 和 CSS 来实现。一种常见的方法是通过添加类来控制列表项的显示和隐藏。以下是一个基本的例子：

<ul class="tree">
  <li>节点1
    <ul>
      <li>子节点1</li>
      <li>子节点2</li>
    </ul>
  </li>
  <li>节点2</li>
</ul>

然后，你可以使用 CSS 样式隐藏所有子列表：

.tree ul {
  display: none;
}

接下来，你可以使用 JavaScript 来添加事件监听器，在用户点击列表项时切换其子列表的可见性。以下是一个使用 jQuery 实现的例子：

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
  $(document).ready(function() {
    $('.tree li').click(function(e) {
      var children = $(this).find('> ul');
      if (children.is(':visible')) {
        children.hide('fast');
      } else {
        children.show('fast');
      }
      e.stopPropagation();
    });
  });
</script>

在这个例子中，当用户点击一个列表项时，我们查找其子列表并根据其可见性来切换其显示或隐藏。我们还使用 `stopPropagation()` 方法来防止事件冒泡，以避免在子列表上单击时触发父列表项的事件。

综上所述，这是一个基本的 HTML 树形结构，可以使用 JavaScript 和 CSS 来创建可展开折叠的效果。你可以根据自己的需求来添加更多的样式和交互行为。