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

　　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 表單。