Convierte tu Web en un Árbol de Navidad

Todos los días, nos fijamos en docenas de sitios web. La estructura de estos sitios web se define en HTML, la lengua franca para la publicación de información en la web.

El trabajo del navegador es traducir el código HTML en una serie de elementos visuales identificables.

Se puede ver el código detrás de cualquier sitio web seleccionando la opción «Ver código fuente» localizado en algún lugar en el menú del navegador.

HTML se compone de los llamados tags (etiquetas), como la etiqueta A de los enlaces, la etiqueta IMG para imágenes y así sucesivamente. Dado que las etiquetas están anidadas dentro de otras etiquetas, que se organizan de forma jerárquica, y que la jerarquía se puede representar como un gráfico, se ha desarrollado una pequeña aplicación que permite visualizar ese gráfico.

Se he usado un poco de color para indicar las etiquetas más utilizadas de la siguiente manera:

azul : para enlaces (la etiqueta A)

rojo : para tablas (TABLE, TR y las etiquetas TD)

verde : de la etiqueta DIV

violeta : imágenes (etiqueta IMG)

amarillo : para formularios (FORM, INPUT, TEXTAREA, SELECT y OPTION tags)

naranja : para saltos de línea y blockquotes (BR, P, y las etiquetas BLOCKQUOTE)

negro : la etiqueta HTML, el nodo raíz

gris : todas las otras etiquetas

De esta manera podemos transformar nuestra web en una especie de árbol con multitud de ramificaciones y coloreado de acuerdo al patrón expuesto con anterioridad.

Realmente es impresionante ver como se despliega nuestra página mientras se forma el entramado. Os dejo el árbol de esta humilde página web y el enlace a la aplicación.


Página Web en forma de Gráfico

Noticias Ciencia: Jueves, 29/12/2011

Astronomía

Los bisiestos, como 2012, evitan que el calendario colapse cada 600 años

Las naves gemelas de la NASA llegan a la Luna

Ecología

Las ranas que eligen parejas por su canto

Posibles nuevas especies en las profundidades oceánicas

Los chimpancés alertan del peligro a sus congéneres

Los suelos ricos en metales pesados refuerzan la resistencia de microorganismos a los antibióticos

Física

Las partículas de la materia oscura tienen una masa mayor de lo creído

Geología

Visualización de una tormenta geomagnética

Surge una nueva isla en el Mar Rojo

Medicina

Cerebro obeso

El 32% de los españoles no ha ido al dentista en un año

La epilepsia no está vinculada a cometer crímenes violentos

Relacionan comer mucha carne roja con padecer cáncer de riñón

Un fármaco retrasa la progresión del cáncer de ovario y mejora la supervivencia

Medio Ambiente

Crudo derramado y luz solar, un coctel letal para la vida marina

Paleontología

Un sistema de inteligencia artificial para ayudar a encontrar yacimientos paleontológicos

Pensamiento Crítico

Resuelven el misterio del dedo del Yeti

La hipótesis oncológica de Chávez hace aguas

Los comentarios pseudocientíficos de famosos más divertidos de 2011

Ciencias 2011. El año de los ‘casi’.

Un estudio revela que el consumo de suplementos vitamínicos es una pérdida de dinero

Psicología

Prolongar la educación secundaria puede aumentar el coeficiente intelectual

Tecnología

China apunta a la Luna

Cultivar boniatos en el espacio 

A %d blogueros les gusta esto: