HTML
含有「HTML」共 99 篇內容
全部內容
發佈日期由新至舊
說明 CORS 的演進、角色分工、Simple Request 與 Preflight (OPTIONS) Request 的差異，並著重探討 Cookies 在 CORS 環境下的複雜設定與常見陷阱。
探討同源政策 (Same-Origin Policy, SOP) 如何在網頁互動性與安全性之間取得平衡。闡述 JavaScript 的誕生、初期面臨的安全問題，以及 SOP 如何應運而生並逐步演進。
這篇文章記錄我第一次嘗試寫程式的經驗，起因是學做甜點時，常因手邊材料與食譜比例不同，換算過程既麻煩又容易出錯。於是我開始嘗試用 Google Gemini 協助，做出一個能貼上食譜、選擇材料並自動換算比例的烘焙工具。不只是完成一個實用小工具，更是一段把生活需求轉化為程式、踏出學習寫程式第一步的紀錄。
💡HTML 學習前言：從文字到世界的第一步
在每一個網頁、商店網站、部落格、甚至行動 App 的畫面背後，都有一個共同的基礎語言——HTML（超文件標示語言，HyperText Markup Language）。
它就像是網頁世界的骨架，決定了每個標題、段落、圖片、表格的位置與層次。
沒有 H
別再什麼都用 div 了。學會這 5 個 HTML 語意標籤，讓你的程式碼在短短兩週內變得無障礙、SEO 友善且易於維護。包含實際範例和前後對比。
為什麼你應該知道 Markdown？
在資訊爆炸與跨平台溝通的時代，能夠快速撰寫清晰、結構化的內容是一項關鍵技能。Markdown 作為一種輕量級標記語言，讓使用者以最簡潔的方式撰寫格式化文件，並能無縫轉換為 HTML、PDF、Word 等格式。
以前我用Xuite寫文章，內建的編輯器還有表格可以用，雖然我都沒去用它。但Blogger的編輯器就完全沒有表格編輯功能。不是自己編輯HTML碼就是要找其他的替代編輯器產生表格語法。
🥇 什麼是 HTML？
HTML 是「超文字標記語言」（HyperText Markup Language），用來建立網頁的骨架。
超文字（HyperText）：可以建立「連結」，點一下就跳頁。
標記語言（Markup Language）：用**標籤（tag）**來「標示」這段內容的用途。
本篇分享建立好前端HTML網頁後，如何執行本機測試。
練習目標
這篇是我的前端練習記錄，透過 CodePen 製作一個小功能：「點一下按鈕，就讓整個畫面換個背景色」。
這個練習適合剛開始學習 HTML、CSS、JavaScript 的人，幫助理解：
按鈕怎麼綁定事件
JavaScript 怎麼控制畫面樣式
如何產生隨機顏色
練習畫面預覽
