Donal, Donal O Caoimh

Graphical Representation of HTML

June 5th, 2006 Posted in Internet, Programming

HTML

This is a graphical representation of the HTML behind my blog. A pretty nifty little applet which you can try out yourself here or check out the blog behind the idea. You have to Print Screen to save the image though, no easy way of saving the image.

Here's what the colours actually mean.

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
grey: all other tags

See all Flickr photos of this tagged with websitesasgraphs.

Found via A Langers Blog.

Related Posts on www.donal.ie

Post a Comment