網路資源
Inke：免費的擁有 AI 功能的類 Markdown 網頁編輯器
Inke 是一款擁有 AI 強化功能的類 Markdown 網頁編輯器，並允許使用者在本地儲存資料。
網路資源
網路資源
Anima：將 Figma 設計稿轉成 HTML、CSS與 javascript，優化設計與開發的全新體驗
在現今的軟體開發領域中，設計和開發之間的協同工作變得越來越重要。Anima是一個強大的工具，旨在幫助您更有效率地取得程式碼，並根據您的設計迅速進行整個設計到開發的流程。
網路資源
Screenshot to Code：只要上傳截圖就能透過 AI 轉換成 HTML 與 CSS
Screenshot to Code 是一個簡單的應用程式，能夠將截圖轉換為程式碼（HTML/Tailwind CSS、React、Vue或Bootstrap）。它利用了GPT-4 Vision生成程式碼，以及DALL-E 3生成相似外觀的圖像。
教學與資訊
HTML 上的 input type=image 與不應該再使用這個 type
input type="image" 是一種 HTML 表單元素，通常用於在表單中作為圖像提交按鈕。這個元素在過去曾被廣泛使用，但現在不再被推薦使用，因為有更好的替代方案。
網路資源
Online Instant WYSIWYG Editor：一鍵清除 Word 轉 HTML 時產出的多餘空白及行內 style 樣式
遇到需要將 Word 轉成 html 並發布到網頁上時，往往會遇到 Word 直接轉的 HTML 會有許多不必要的空白以及行內 style 樣式，要一個一個手動拿掉或是自己寫程式過濾都有點麻煩，好在有像 Online Instant WYSIWYG Editor 這樣的工具，雖然看起來很老舊，但可以確實幫我們完成需求也是一個很好用的服務。
教學與資訊
HTML 嵌入 pdf 的方法，以及如何隱藏 pdf 閱讀器的工具列
說明 HTML 嵌入 pdf 的方法，以及如何隱藏 pdf 閱讀器的工具列。
教學與資訊
將 h1~h6 標籤使用圖片，但同時保有 SEO 好結構的方法
如果你想將`h1`到`h6`標籤以圖片呈現，但同時又希望保持良好的SEO效果，你可以考慮本文的方法。
教學與資訊
cookie 的運作原理
當網站需要在瀏覽器中儲存一些資料以便識別和追蹤使用者時，它可以使用 HTTP Cookie（簡稱 Cookie）。Cookie 是由伺服器在 HTTP 回應標頭中送給瀏覽器的一小段資料，瀏覽器會將其儲存在使用者端的特定位置。每次瀏覽器發送對該網站的請求時，它會自動將相關的 Cookie 包含在請求中。
教學與資訊
如何防止別人將網頁透過 iframe 嵌入其他網站
在 HTML 裡我們可以透過 iframe 這個標籤將網站嵌入到頁面裡，而如果想要防止別人嵌入，現在只要加上 meta X-Frame-Options 即可。
教學與資訊
在 HTML 讀入 別的 HTML 檔案
一般我們在做網站透過前端框架或後端語言要把網頁拆成元件後讀進來都很簡單，如果沒有用到以上提到的方式，單純想在 HTML 檔案裡讀入其他的 HTML 檔案，可以考慮使用 w3 的方法。
教學與資訊
HTML5 設定依據不同解析度讀取不同影片(video)
HTML5 允許我們設定在不同解析度下讀取不同影片，只要在 video 的標籤內設定 source 的 media 就可以了，這邊的 media 就跟 media query 的 media 概念一樣。
教學與資訊
使用 CSS 製作全螢幕背景播放影片
說明使用 CSS 製作全螢幕背景播放影片的方法。
教學與資訊
[HTML] 什麼是 favicon? 以及如何設定
favicon 指的是瀏覽器網頁前面的圖示，可以透過 HTML 的設定指定圖片。
網路資源
HTML5 Security Cheatsheet- 收錄了網頁前端各種需要認識的資安相關知識的網站
HTML5 Security Cheatsheet 是一個收錄了網頁前端各種需要認識的資安相關知識的網站。
教學與資訊
設定 Youtube 嵌入時可以取消控制選單、推薦影片
說明如何在嵌入 Youtube 時取消控制介面以及推薦影片的內容。
網路資源
[VS Code 擴充套件] Auto Close Tag- 自動幫你封閉 HTML 標籤
Auto Close Tag 是一個當你打好 HTML 標籤前半邊，就會自動生成後半邊的 VS Code 擴充套件，也是很實用的套件建議大家都可以裝一下。
網路資源
[VS Code 擴充套件] Auto Rename Tag- 變更標籤名稱時自動幫你設定前(後)標籤的內容
Auto Rename Tag 可以讓你在要修改 HTML 標籤的時候，自動幫你修改封閉標籤前(後)的名稱。
網路資源
Cheatography：免費下載與自製速查表的最佳平台
Cheatography，免費速查表平台，涵蓋程式設計、商業、語言等多主題，支援多語言與自製速查表，是學習與工作的實用工具！