圖點解說

0

點可愛? 
大家可想過用圖像來表達html的結構是怎樣的呢?

經這些圓點來表達html的結構,會不會令你對html改觀?
將複雜的html結構用另一種方式表達,轉個角度來看,原來又有另一境界!

不家不妨試下:
http://www.aharef.info/static/htmlgraph/

圖點解說:
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

Zueeigraph
Zueeigraph

About author

Karen Yeung

目前是一個全職媽媽 / 兼職和朋友攪創科 / 國際認可IFPA 注冊香薰治療師 / Zueei.com 創辦人。 在澳洲悉尼科技大學多媒體設計碩士畢業,在 UX 領域工作了十多年,曾在澳洲 Yahoo 及 阿里巴巴 任職,見證著 UX 領域在西方國家的進化和在中國的急速追上。 現在最愛看著女兒一天天的成長,學習做一個稱職媽媽。karen.zueei.com

No comments

This site uses Akismet to reduce spam. Learn how your comment data is processed.

You may also like

豪門的媳婦

一張名校的文憑比一棟五千萬房子更值錢,都是幫助她進入豪門又不必看盡婆家臉色最有利的嫁妝之一。