Gráfico estructural del sitio
Esquema estructura de tags html
blue: links (A)
red: tablas (TABLE, TR, TD)
green: Divs (DIV)
violet: imágenes (IMG)
yellow: forms (FORM, INPUT, TEXTAREA, SELECT, OPTION)
orange: linebreaks y blockquotes (BR, P, BLOCKQUOTE)
black: HTML, root node
gray: demás tags
Este es el esquema de tags html del index de este sitio, hecho por www.aharef.info
Se declaran inmediatamente los árboles contenedores, a partir de la cabeza <HTML> (punto negro), que contiene a su lado izquierdo el <HEAD> y todas las descripciones <META> del sitio. Hacia la derecha del <HTML> aparece el <BODY> (punto gris) y dentro de este el <DIV ID="global"> que contiene los tres <DIV> básicos en que esta dividido el sitio:
- superior (abajo), que muestra el árbol de la lista de links,
- centro (medio), mostrando su profundidad de divs, contenedor de información,
- inferior (arriba), que también muestra un árbol de lista de link
Mira algunos complejos ejemplos
Proyecto de Titulación I - II -III | Parte del Proyecto Constel