推薦10個適合初學者的 HTML5 入門教程 - 網站設計及開發

無神論狂徒

HTML5 作為下一代網站開發技術，無論你是一個 Web 開發人員或者想探索新的平台的遊戲開發者，都值得去研究。藉助尖端功能，技術和 API，HTML5 允許你創建響應性、創新性、互動性以及令人驚嘆的漂亮網站。更進一步，你也可以使用 HTML5 創建原來只能用於桌面平台上的複雜應用程序。　　這篇文章挑選了10個適合初學者的 HTML5 入門教程，帶你踏上 HTML5 之旅。
 
 1. HTML5 教程 4 U
對於初學者，Mentromob 網站是開始學習的很好的地方，你可以編輯代碼，查看輸出結果。

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

9394

這貼子你會收藏嗎

ccseeker2012

這個帖不錯！！

vol1210

好文大家看，看完要回覆

ng015856

今天無聊來逛逛

tn52003

長時間沒來看了 ～～

北極蝦

這論壇不錯，我會跟我好友分享

katchan0481

就為賺分嘛

我不是傻鴨

潛水值看滿囉，回覆一下

切雞飯`

天天到尼伊達報到，看帖篇篇回