好站: HTML Tag 解釋, 範例(測試) (含 CSS 教學, 範例好站)

星期一, 十二月 11, 2006

現在的網頁設計要注重標籤(Html Tag)所代表的意義, 但是 Tag 代表的意義要從 W3C 的 HTML 4.01 Specification 從頭看到尾, 實在很辛苦...

這個站就是把 Html 語法列在左邊, 點選後右邊會出現此 Tag 所代表的涵義, 右下方中間會出現範例(可以點選, 修改此範例), 最右下角會出現此範例的完整呈現, 是相當實用的工具(tool)站.

見到下面的留言, 有很多長輩都肯給小弟指導, 我就把大家給我的整理一下, 再加上我以前蒐集的一起貼出來~ :)

我把以下分成五大類, 由初級到進階列表.

css 教學:

輔助工具:

範例兼測試:

實用工具:

成品套用:

相關標籤

this is comment icon 有沒有類似這樣的 css 輔助器？ [回覆]

這個 html 輔助器實在太棒了！想請問有沒有 css 的？我還是搞不定 css~

Comment by 小木可 (12/12/2006 09:23)

this is comment icon 這個不曉得符不符合你所想要的？ [回覆]

http://www.culturedcode.com/css/reference_app.html

Comment by alvinwu (12/12/2006 10:32)

太感謝了！

我手邊有兩個 css 輔助器，不過它比較針對字型，大家參考囉！
http://www.fonttester.com/
http://demo.rexsong.com/200601/qrone_css_designer/

Comment by 小木可 (12/12/2006 10:41)

this is comment icon 感謝 [回覆]

感謝兩位大大的提供, 小弟會再含我自己找的再統一整理上去~~
感恩~ Orz..

Comment by Tsung (12/12/2006 12:29)

this is comment icon 謝謝提供資訊 [回覆]

這工具真的很實用
謝謝分享 :)

Comment by joaoko (12/12/2006 20:34)

this is comment icon 回 joaoko [回覆]

都是其它長輩分享的比較多 :)

Comment by Tsung (12/12/2006 23:49)

PS: 若無法留言, 請先確認是否有打開 JavaScript, 造成您的困擾, 實在萬分對不起 Orz...(如果無法留言, 勞煩可以發信給我好嗎? 謝謝.)
PS2: 若您的留言被誤判, 我都會再自行看過, 不需要一直重覆張貼~