HTML及HTML5學習參考


最近有幾位年青朋友告訴我他沒學過HTML 5, 甚至也學過HTML. 我在此建議各位可以試試讀一下列文章. 隨後你就可以迅速掌握基本的HTML及HTML5, 然後開始學其他的東西. 下列文章都是英文的, 但如想學習及掌握更多的新技術,看看英文的文章是免不了的.

參考資源:

1.  HTML Made Simple
     http://www.codeproject.com/Articles/3519/HTML-Made-Simple

2.  Codeacademy  (學習網站, 免費課程, 需註冊)
     http://www.codecademy.com/learn


3.  HTML 5 Introduction
     http://www.w3schools.com/html/html5_intro.asp

4.  HTML 5 tutorial
     http://www.html5-tutorials.org/

5.  HTML 5 --- A tutorial for beginners
     http://www.html-5-tutorial.com/

6.  HTML5 Quick Start Web Application
     http://www.codeproject.com/Articles/546960/HTML-Quick-Start-Web-Application

7. Learn HTML 5 in 5 minutes
    http://www.codeproject.com/Articles/268774/Learn-HTML-in-Minutes

HTML Input 及Form

1. HTML 5 Forms

2.  HTML5表單Input型態

HTML 5 and CSS3

1. HTML5 Tables formatting: alternate rows, color gradients, shadows
   http://www.codeproject.com/Tips/262546/HTML-Tables-formating-best-practices

2.  HTML5/CSS 3 Modal Dialog Box; no JavaScript
     http://www.codeproject.com/Tips/170049/Pure-HTML-CSS-Modal-Dialog-Box-no-JavaScript

3. Tree View Control using HTML5
    http://www.codeproject.com/Tips/580092/Tree-View-Control-using-HTML

4. CSS3 TREEVIEW. NO JAVASCRIPT.
    http://martinivanov.net/2011/09/26/css3-treevew-no-javascript/

HTML 5 Canvas

1. Drawing Infragistics’ New Logo with the HTML5 Canvas
    http://www.codeproject.com/Articles/195350/Drawing-Infragistics-New-Logo-with-the-HTML-Canva

2. Saving and Loading HTML5 Canvas Images
    http://www.codeproject.com/Tips/788412/Saving-and-Loading-HTML-Canvas-Images

HTML 5 Audio and Media

1.  Unlocking the Power of HTML5 Audio
     http://www.codeproject.com/Articles/400508/Unlocking-the-Power-of-HTML-Audio

2.  Working with Media in HTML5
     http://www.codeproject.com/Articles/365860/Working-with-Media-in-HTML

3.   Make your HTML5 Video Play on Mobile Devices
     http://www.codeproject.com/Articles/268765/Make-your-HTML-Video-Play-on-Mobile-Devices






留言

張貼留言