File:Aharef06websitegraph.png: Difference between revisions

From InfoVis:Wiki
Jump to navigation Jump to search
(Websites as graphs (http://www.infovis-wiki.net))
 
Line 1: Line 1:
== Summary ==
== Summary ==
Websites as graphs (http://www.infovis-wiki.net)
Websites as graphs  
 
HTML consists of so-called tags, like the A tag for links, IMG tag for images and so on. Since tags are nested in other tags, they are arranged in a hierarchical manner, and that hierarchy can be represented as a graph.
 
Image shows the structure of [http://www.infovis-wiki.net http://www.infovis-wiki.net]
 
*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
 
== Copyright status ==
== Copyright status ==


== Source ==
== Source ==
[Aharef, 2006] [http://www.aharef.info Aharef Weblog], [http://www.aharef.info/2006/05/websites_as_graphs.htm Websites as graphs], Created at: May 25, 2006, Retrieved at: May 29, 2006, http://www.aharef.info/2006/05/websites_as_graphs.htm
[Aharef, 2006] [http://www.aharef.info Aharef Weblog], [http://www.aharef.info/2006/05/websites_as_graphs.htm Websites as graphs], Created at: May 25, 2006, Retrieved at: May 29, 2006, http://www.aharef.info/2006/05/websites_as_graphs.htm

Revision as of 12:00, 29 May 2006

Summary

Websites as graphs

HTML consists of so-called tags, like the A tag for links, IMG tag for images and so on. Since tags are nested in other tags, they are arranged in a hierarchical manner, and that hierarchy can be represented as a graph.

Image shows the structure of http://www.infovis-wiki.net

  • 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

Copyright status

Source

[Aharef, 2006] Aharef Weblog, Websites as graphs, Created at: May 25, 2006, Retrieved at: May 29, 2006, http://www.aharef.info/2006/05/websites_as_graphs.htm

File history

Click on a date/time to view the file as it appeared at that time.

Date/TimeThumbnailDimensionsUserComment
current11:57, 29 May 2006Thumbnail for version as of 11:57, 29 May 2006594 × 600 (95 KB)Iwolf (talk | contribs)Websites as graphs (http://www.infovis-wiki.net)

The following page uses this file: