首頁 > web前端 > H5教程 > 主體

零基礎學習HTML5

PHP中文网
發布: 2017-06-21 10:28:43
原創
3939 人瀏覽過

1個HTML5基礎入門教程,4個HTML5小專案教程,帶你零基礎入門學習HTML5。

【HTML5基礎入門】

教學將介紹HTML5中的新特性,包括結構標籤、新類型表單標籤、檔案操作、Canvas、本機儲存等。適合對前端程式設計有興趣,已經學了HTML的人學習。

實驗列表:

零基礎學習HTML5

【基於HTML5 實作本地圖片裁切】

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

效果圖:

零基礎學習HTML5

【基於HTML5 Canvas實作小遊戲】

該專案基於HTML5 的canvas 實作了一個小遊戲,著重介紹了HTML5 遊戲開發的流程及遊戲開發中需要處理的東西。對 Web 遊戲開發有興趣的同學可以透過這個專案實踐 HTML5 及 JavaScript 基礎知識。

效果圖:

零基礎學習HTML5

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

該專案使用HTML5 來完成「刮刮樂」 的刮獎效果。 HTML5 是 HTML 的第5代版本,也是目前最新的版本,同時專案也用到 JavaScript 相關技術來完成。學習專案有助於鞏固前端知識。

效果圖:

零基礎學習HTML5

【HTML5兩步驟實作拼圖遊戲】

該專案基於HTML+CSS+JavaScript 實作網頁版的拼圖遊戲。實作過程中將用到 HTML5,CSS3 及 JavaScript 相關知識。完成這個項目,可以進一步紮實前端基礎知識。

效果圖:

零基礎學習HTML5

最後:

  • 想要看更多前端教程,點擊這裡進行查看哦;

  • 前端學習路徑學習,點擊這裡進行查看學習;

以上是零基礎學習HTML5的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!