A imagem acima permite ver este meu blog de uma forma gráfica, onde:

azul = links
vermelho = tabelas/células
verde = formatação de blocos
violeta = imagens
amarelo = formulários
laranja = quebra de linha e blocos de texto
preto = nó inicial do código da página (html)
cinza = outras tags

Dá para ver a ilhazinha cinza e preta que é a raiz do blog com uma árvore violeta e azul que devem ser as fotos da barra lateral. Incrível como dá para ver a estrutura. Aquele rabicho embaixo e à direita, com seis derivações laranja/vermelho/azul são as células, imagens e links da barra superior do blog.

De on de tirei isso? Daqui >> http://www.aharef.info/static/htmlgraph/ e daqui >> Aharef, via Guardian Unlimited.