最先需要認識的HTML Tags & Functions

• HTML基本結構一定要懂，而要發展行動網頁與手機APP則是要用到HTML5語法。

• 區塊的語法

• 圖片的語法

• 超連結的語法

• 嵌入JavaScript的語法

• JavaScript function的語法 (在介紹語法之前，或許用個自動販賣機的例子來說明為什麼需要寫成function的觀念。)

• document.getElementById() : 這個函式可就常用了，配合getElementById()要先知道<div>, <span>, <p>, ...等tag都可以賦予唯一命名，而這樣就可以用getElementById()將HTML碼塞到指定的地方，這一招在還不會jQuery之前是很常用到的，這是JavaScript把HTML當作資料物件來處理的方式(稱之為DOM)，用JavaScript就能寫出動態網頁的就是靠這招取勝喔，一定要懂！

學習上述語法之階段目標，要讓本來只會做靜態網頁的人也開始瞭解怎麼做出動態的網頁內容，譬如用很簡單的程式邏輯就能設計一個相片切換瀏覽功能，雖然是個很陽春的呈現，但有很大的空間可再改進最後有機會成為類似常見的Slide Show那樣的功能啊！若能讓學生在第一堂課就想像未來自己再精進能做出什麼樣的功能，應該會更有信心與興趣學HTML5吧。