講師：Amos

課程大綱：https://5xruby.tw/talks/css-html-2016-3

筆記 On GitHub: https://github.com/vicky-sunshine/HTML-CSS-Lecture

這次課程請 Amos 老師來教 HTML 和 CSS，之前在做網頁的時候常常都是套別人的模板，有時候想改個設定，都覺得怎麼調都不到位，畫面變得亂七八糟，想自己重刻一個又覺得不知該如何下手。

這次上課老師從 HTML 最基本的 tag 開始，仔細的穩紮穩打，不時補充一些 Insight，自學的人往往在堆疊 HTML 的時候，用了一堆 div，如果選用一些更有語意的 tag 來堆疊，譬如使用 <strong> 取代 <b>， <em>取代 <i>，標題與文字內容使用<h1>、<h2>和<p>這樣的階層關係取代層層的div，這樣不只容易維護 code ，更能增加 SEO。

另外，新手常常對 position 的運用感到苦手，老師也用清楚簡單的例子來敘述 relative 和 absolute 之間的細微差異，relative 像是排隊的人潮當中，有些人不喜歡排好，會站得比較偏左偏右（相對於資料流的偏離），absolute 是不管隊伍直接站在空間中的某個位置（抽離資料流，定位相對於父層）。

老師也常現場展示如何手刻出網頁，並說練習很重要，他自己平常的興趣就是找些圖片或樣板，自己嘗試刻出，透過不斷的切版練習來釐清自己的觀念，感覺 Amos 對這門技術真的充滿熱情，講述自己的發現和經驗時也都非常開心，眼睛閃閃發光。