圖點解說

0


不懂寫html的人來說可能會覺得html好難入手,但其實html都有它可愛一面!

點可愛? 
大家可想過用圖像來表達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
Facebook Comments

About author

Karen Yeung

目前是一個全職媽媽 / 兼職和朋友攪創科 / 閒時在家研究 DIY 天然護理 / 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

施特勞斯舞曲(六)

當繞經彎角的一個卡座時,他忽然凝住了腳步。沙發上被擱著了一本小說繪本。