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

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

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

詳見: HTML Playground, html, css reference by example

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

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

css 教學:

輔助工具:

範例兼測試:

實用工具:

成品套用:


關於 Tsung

對新奇的事物都很有興趣, 喜歡簡單的東西, 過簡單的生活.
本篇發表於 My-Favorite-Site。將永久鏈結加入書籤。

好站: HTML Tag 解釋, 範例(測試) (含 CSS 教學, 範例 好站) 有 6 則回應

  1. 小木可 說道:

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

  2. 小木可 說道:

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

  3. Tsung 說道:

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

  4. joaoko 說道:

    這工具真的很實用
    謝謝分享 🙂

  5. Tsung 說道:

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

發表迴響

這個網站採用 Akismet 服務減少垃圾留言。進一步瞭解 Akismet 如何處理網站訪客的留言資料