五天就把網頁設計入門的課教完，資策會恐怖如斯...
老實說多少避不掉填鴨，畢竟要在四個月限期內把前端工程師要懂得東西都摸過一遍，課表是真的非常貪心了。講解上以如何「操作工具」為主，說明和語言語法運作原理的思考環節比較少

◆結構語義元素(Structural Semantic Elements): 用來製作網頁版型，各元素的名稱有助於工程師容易分類網頁的內容，以及維護、撰寫。如header(可作為頁首, 公司logo；或作為標題大區塊)、nav(網站導覽列)、footer(頁尾, copyright)、article(網頁主內容區塊)、aside(補充非主要內容)、figure(圖片,視訊,引用文字,表格,原始碼,程式碼)、section(含主題的區塊。簡單說不屬於 <nav> 、 <footer> 、 <main> 和<aside> 的獨立內容時，就可以用section。它是構成頁面的一部分，但不能單獨使用、出現。因此常和上述其他元素一起用)、address、div(作為一個容器還是很重要的，無特定內容的區塊都可以活用div)

input標籤: 為單一標籤，沒有end tag。可用來建立各色用途的表單控制項/元件。
藉由 <input> 上的 「type 屬性」，設定各種不同的屬性值value，來指明不同的用途功能。例如把type的值設為：
text （<input type="text">），可以用來做表單的單行文字輸入欄位(實際應用上可以用打入username等)、
password密碼輸入(type的值設為password)、
表單核取項(單選按鈕radio；複選核取方塊)、
表單按鈕(送出鈕-type值submit；清除-reset；一般按鈕-button)；
日期時間選擇(日期date、時間time)；
number數字；rang(數字範圍滑動選取欄位)：color；email輸入電郵；url；tel；search等