網路資源
Emmet- 前端開發輔助神器，讓你在撰寫 HTML 與 CSS 上可以更輕鬆
Emmet 是一個可以讓你在撰寫 HTML 與 CSS 上可以更輕鬆的套件，已支援許多網頁開發編輯器，可以透過這份官方文件清楚知道有哪些熱鍵可以使用。
網路資源
網路資源
DevDocs：開發者必備的線上文件總匯，一站式查詢各類技術文檔
DevDocs 是一個專為開發者設計的線上文件查詢平台，匯集了多種熱門的程式語言及技術框架文檔，提供快速、簡單且全面的查詢體驗。無論是前端開發、後端開發，還是資料庫、API 文件，你都可以在這個平台上找到所需的技術資源。
網路資源
W3Schools- 非常老牌且豐富的網頁教學網站
W3School 是一個非常老牌的網頁技術教學網站，在這邊可以學到各種網頁技術，舉凡 HTML、CSS、javascript、PHP、Python...等非常豐富，網站內也有語法教學與線上測試工具。
教學與資訊
自訂 facebook 分享資訊(og:meta data)與更新分享資訊的方法
目前要做網站的話，一定都要做好社群網站的分享，台灣最主要就一定是要做好 facebook 的分享設定，沒有做好設定的話 fb 會自動幫你抓到一些圖跟內文，但可能成效會很差，加的方法很簡單，只要在每個頁面加上以下這些就可以了。
教學與資訊
HTML 的 output 標籤
認識一下 HTML 的 output 標籤，這個標籤可以直接把輸入的內容輸出。
教學與資訊
HTML 的 datalist 標籤
datalist 是 HTML5 新增的滿有趣的標籤，這邊簡單說明一下用法。
教學與資訊
script 標籤中的 async 與 defer 的差別
而在 HTML 5 之後，我們可以利用在 script 讀取外部資源的事後加上 async 或 defer 來幫我們優化頁面渲染的時間點，這邊就這兩個的差別簡單的說明一下。
教學與資訊
修改 html input placeholder 的顏色
placeholder 是 HTML5 後新增的 input 欄位的浮水印效果，可以用來提示使用者輸入的內容與格式之類的，要修改 placeholder 的顏色，要使用 CSS 的 ::placeholder 屬性。
教學與資訊
HTML5 棄用的標籤
HTML5 普及後，以下是建議不要再使用的標籤，包含：big、basefont、center...等。
教學與資訊
可編輯的 HTML 區塊- contenteditable 與 designMode
contenteditable 與 designMode 都是 html5 新增的屬性，目的就是讓 html 的區塊變成可以編輯，差別在於 contenteditable 是用來指定區塊，而 designMode 則是可以對整個 html 文件切換可編輯狀態。
教學與資訊
HTML5 新的 input 屬性
HTML5 新的 input 的類型，包含color、range、number、email、url、tel、search、date、time、datetime-local、week、month...等
教學與資訊
HTML5 新的語意元素
HTML5 在區塊上多了許多新的包含語意的元素，這些可以取代以往都是用 div 來排版時辨識以及意義上的問題，使用有語意的標籤除了可以讓瀏覽器更清楚理解區塊的內容。
教學與資訊
HTML5 介紹與前言
為因應網際網路應用迅速發展的時候，由全球資訊網協會（W3C）於2014年10月完成 HTML5 標準制定，目前是HTML最新的修訂版本。其目標是取代1999年所制定的HTML 4.01和XHTML 1.0標準，以使網路標準達到符合當代的網路需求。
教學與資訊
HTML 基本架構與 meta 資料
HTML 是一種標籤語言，一個正確的 HTML 標籤必須包含「<」和「>」，做好適當的設定後，網頁就能正常呈現。
教學與資訊
什麼是 HTML?
HTML 指的是超文本標記語言（英語：HyperText Markup Language，簡稱：HTML）是一種用於建立網頁的標準標記語言，是構成網頁的基礎。