教你用html做個簡單的網頁「html5測試網站代碼」

無論你是專門做研發的還是業餘興趣，學習HTML5都是一個很好的自我增值。只要對HTML5充滿興趣，學習並不是一件難事。網上有很多讓人眼花繚亂的HTML5培訓課程，免費的課程不夠系統，收費的課程水太深，一不小心就會被坑。如果大家想系統地學習HTML5技術，小編給大家推薦幾個網站。

HTML5基礎知識

W3C

全稱「W3School」，簡直是學習網站中的「戰鬥機」，每一節都有學生時代老師般的「板書」，豐富的實例展示，還有工具書、小測驗等提升工具，私教般的存在！

Dive into HTML5

這個網站幾乎都是關於HTML5的文檔，講一些很基礎的知識，簡潔清新。如果想學習HTML5的同時提高英語閱讀能力，這個網站是極好的。類似的英文網站還有woorkup。

如果英語不好，小編只能幫你到這了。

h5之家

除了豐富且與時俱進的教程，這個網站還有很多關於HTML5業界的獨特見解，閑暇時候看看，拓展知識又能在人前裝X，這樣的網站哪裡找！

HTML5案例網站

HTML5xCSS3

擁有超豐富的HTML5案例和模板，隨便點開一個案例都好看到讓人震驚。裡面的全部都是HTML5響應式網站喲！

360html5基地

350旗下的HTML5作品展示網站，大部分是HTML5遊戲展示，可愛有趣。比如打開一個割繩子的HTML5展示：

HTML5 games

相對360來說更豐富的HTML5遊戲資源，玩著玩著技能激發設計靈感呢！

HTML5技術網站

whatwg

網路超文本應用技術工作小組（Web Hypertext Application Technology Working Group）的博客，裡面一些文章能讓人受益匪淺。

HTML5醫生

一些關於html5語義及如何使用它們的文章，醫生會定時回答網友們的問題。

HTML5中國

一個真的能手把手教你6小時做一個HTML5坦克大戰遊戲的網站，還有各類HTML5的資訊、溝通交流論壇等。

HTML5技術網

一個充滿乾貨的網站！你想要的不想要的，這裡全都有！

HTML5測試網站

HTMLDemos

測試HTML5標籤在各瀏覽器的兼容性，還能查看各種HTML5的標準Demo演示。

html5test

能為瀏覽器對HTML5的兼容性打分，可以知道你當前的瀏覽器對HTML5的支持情況如何，各種標籤和組件的支持情況。

當然，光看網站有的小夥伴會覺得沒有方向感，不妨結合教科書來個系統的學習。入門級必備兩本教材《Head first HTML&CSS》和《JavaScript DOM編程藝術》，看書再結合網站學習，相信不久你就會成為HTML5大神啦！

如果你學習HTML5技術不是出於興趣，而是出於某些「大家都懂的」原因，其實不必苦苦拿著教材鑽研，我們可以從能最快捷地解決問題出發。比如需要製作微信HTML5頁面的，可以用網上如易企秀、maka這類的免費平台，如果是製作HTML5網站，不妨選擇建站寶盒這種自助建站工具，完全不涉及打碼，每一個互聯網人都能用它製作出炫酷多彩的網站。