1個HTML5基礎入門教程，4個HTML5小項目教程，帶你零基礎入門學習HTML5。

【HTML5基礎入門】

教程將會介紹HTML5中的新特性，包括結構標簽、新型表單標簽、文件操作、Canvas、本地存儲等。適合對前端編程有興趣，已經學了HTML的人學習。

實驗列表：

【基于 HTML5 實現本地圖片裁剪】

該項目實現利用 HTML5 的 canvas 技術，結合 HTML5 的 File AP I來實現圖片的本地裁剪。通過該項目將學習到如何結合 HTML5 與 JavaScript 編寫簡單的單頁應用。項目難度一般，適合剛入門前端的同學，需要了解 cavas 并且有 JavaScript 基礎。

效果圖：

【基于HTML5 Canvas實現小游戲】

該項目基于 HTML5 的 canvas 實現了一個小游戲，著重介紹了 HTML5 游戲開發(fā)的流程及游戲開發(fā)中需要處理的東西。對 Web 游戲開發(fā)感興趣的同學可以通過這個項目實踐 HTML5 及 JavaScript 基礎知識。

效果圖：

【基于 HTML5 實現刮刮樂效果 】

該項目使用 HTML5 來完成 “刮刮樂” 的刮獎效果。HTML5 是 HTML 的第5代版本，也是目前最新的版本，同時項目還用到 JavaScript 相關技術來完成。學習項目有助于鞏固前端知識。

效果圖：

【HTML5兩步實現拼圖游戲】

該項目基于 HTML+CSS+JavaScript 實現網頁版的拼圖游戲。實現過程中將用到 HTML5，CSS3 及 JavaScript 相關知識。完成這個項目，可以進一步扎實前端基礎知識。

效果圖：

最后：

• 想要查看更多前端教程，點擊這里進行查看哦；

• 前端學習路徑學習，點擊這里進行查看學習；