HTML怎么绘画树状图

HTML本身并不直接支持绘制复杂的图形如树状图，因为它主要用于结构化网页内容。然而，你可以结合CSS样式和JavaScript库来创建树形展示。最常用的是利用JavaScript库，如D3.js、jQuery.jstree、TreeView.js等。

例如，如果你选择使用jstree，首先在HTML里添加一个div元素作为容器：

<div id="tree-container"></div>

然后引入jstree的CSS和JS文件：

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.3.7/themes/default/style.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.3.7/jstree.min.js"></script>

接着，在JavaScript中初始化树：

<script>
$(function() {
  $('#tree-container').jstree({
    'core': {
      'data': {
        'url': 'your-data-source', // 数据源，可以是JSON数组或其他格式
        'dataType': 'json',
        'async': true,
      },
      'themes': {'name': 'default'}
    }
  });
});
</script>

在这个例子中，`your-data-source`需要提供一个包含树结构的JSON数据，节点通常包含`id`, `text`, 和 `children` 等属性。通过这种方式，你可以在浏览器上动态地显示树状结构。