MILITANTPLATYPUS

GAMES|GALLERY

Visualize the web



There are lots of ways to look at the structure of a website. This is by far the easiest in my mind. Branches span out to colors that represent different items. So looking at a diagram of militantplatypus.com/blog, and the color chart below, clearly I am all about links and images.

blue : for links (the A tag)

red : for tables (TABLE, TR and TD tags)

green : for the DIV tag

violet : for images (the IMG tag)

yellow : for forms (FORM, INPUT, TEXTAREA, SELECT and OPTION tags)

orange : for linebreaks and blockquotes (BR, P, and BLOCKQUOTE tags)

black : the HTML tag, the root node

gray : all other tags

aharef.info

Flickr Pool

Direct Link to Generator

via d

  |  del.icio.us  |  digg  |  

Leave a Reply

You must be logged in to post a comment.