html如何做成树状图,网页HTML结构树生成器介绍

从pronet看到了这个工具：

www.aharef.info/static/htmlgraph/

蓝：for links (the A tag)

红：for tables (TABLE, TR and TD tags)

绿：for the DIV tag

紫：for images (the IMG tag)

黄：for forms (FORM, INPUT, TEXTAREA, SELECT and OPTION tags)

橙：for linebreaks and blockquotes (BR, P, and BLOCKQUOTE tags)

黑：the HTML tag, the root node

灰：all other tags

从flickr上还可以找到更多的结构图输出截图：

flickr.com/photos/tags/websitesasgraphs/

使用的工具和开发包：

www.processing.org/

Processing is an open source programming language and environment

for people who want to program images, animation, and sound. It is

used by students, artists, designers, architects, researchers, and

hobbyists for learning, prototyping, and production.

www.cs.princeton.edu/~traer/physics/

a par