推薦10個適合初學者的 HTML5 入門教程

分類欄目:經驗 - WEB前端

發布于 暫無評論

  HTML5 作為下一代網站開發技術,無論你是一個 Web 開發人員或者想探索新的平臺的游戲開發者,都值得去研究。借助尖端功能,技術和 API,HTML5 允許你創建響應性、創新性、互動性以及令人驚嘆的漂亮網站。更進一步,你也可以使用 HTML5 創建原來只能用于桌面平臺上的復雜應用程序。


  這篇文章挑選了10個適合初學者的 HTML5 入門教程,帶你踏上 HTML5 之旅。


  1. HTML5 教程 4 U


  對于初學者,HTML5 Doctor 網站是開始學習的很好的地方,你可以編輯代碼,查看輸出結果。



  2. 使用 HTML5 和 CSS3 創建一個下拉導航菜單


  了解如何使用新的 HTML5 標簽和 CSS3 創建一個簡單又時尚的下拉菜單。



  3. 使用 HTML5 和 CSS3 光滑的登錄表單


  使用 CSS3 和 HTML5 創建漂亮的登錄表單,不需要任何 JavaScript 代碼。



  4. 使用 HTML5,CSS3 和 jQuery 創建下拉式登錄框


  這是一個簡單的教程,可以幫助你使用 CSS3,HTML5 和幾行 jQuery 代碼創建一個漂亮的下拉登錄表單。



  5. 使用 HTML5, CSS3 and jQuery 創建可愛的彈出欄


  按照這個簡單的教程中的步驟來建立一個彈出頁面頂部的信息欄,你可以用它來顯示從新聞、最新的博客文章等。



  6. 如何創建一個很酷和實用的 CSS3 搜索框


  了解如何使用 HTML5 的占位符屬性來創建一個很酷和實用的 CSS3搜索框。



  7. 使用 HTML5 創建一個有吸引力的在線演示文稿


  本教程將教你如何使用 HTML5 的標簽,nav, menu, section, aside 和 header 制作漂亮的演示文稿。



  8.  HTML5 灰度圖像和懸停效果


  你可能已經在其他網站上看到過這樣的效果。按照本教程中的步驟學習如何使用 HTML5 和 jQuery 來動態地把彩色圖像轉化為灰度模式。



  9.  HTML5 幻燈片 – 使用 Canvas and jQuery


  了解如何創建一個優雅的幻燈片過渡效果。



  10. 學習如何制作好看的 HTML5 表單


  Learn how to style a nice looking HTML5 form using some CSS3 techniques.


  了解如何使用一些 CSS3 技術制作一個好看的 HTML5 表單。