HTML
含有「HTML」共 96 篇內容
全部內容
發佈日期由新至舊
💡HTML 學習前言：從文字到世界的第一步
在每一個網頁、商店網站、部落格、甚至行動 App 的畫面背後，都有一個共同的基礎語言——HTML（超文件標示語言，HyperText Markup Language）。
它就像是網頁世界的骨架，決定了每個標題、段落、圖片、表格的位置與層次。
沒有 H
別再什麼都用 div 了。學會這 5 個 HTML 語意標籤，讓你的程式碼在短短兩週內變得無障礙、SEO 友善且易於維護。包含實際範例和前後對比。
為什麼你應該知道 Markdown？
在資訊爆炸與跨平台溝通的時代，能夠快速撰寫清晰、結構化的內容是一項關鍵技能。Markdown 作為一種輕量級標記語言，讓使用者以最簡潔的方式撰寫格式化文件，並能無縫轉換為 HTML、PDF、Word 等格式。
這不是理論，也不是夢想，是我在職涯最困難的時候，用 AI 完成的真實奇蹟。
從無團隊、無預算、無時間，到系統落地、社區信任、職涯飛躍，AI 就像我背後的幕僚與合夥人，一路陪我走過來。
如果你現在正處於人生轉彎的時刻，我想跟你說：只要你願意開始對話、開始嘗試，AI 就能成為你翻轉命運的工具。
以前我用Xuite寫文章，內建的編輯器還有表格可以用，雖然我都沒去用它。但Blogger的編輯器就完全沒有表格編輯功能。不是自己編輯HTML碼就是要找其他的替代編輯器產生表格語法。
🥇 什麼是 HTML？
HTML 是「超文字標記語言」（HyperText Markup Language），用來建立網頁的骨架。
超文字（HyperText）：可以建立「連結」，點一下就跳頁。
標記語言（Markup Language）：用**標籤（tag）**來「標示」這段內容的用途。
本篇分享建立好前端HTML網頁後，如何執行本機測試。
練習目標
這篇是我的前端練習記錄，透過 CodePen 製作一個小功能：「點一下按鈕，就讓整個畫面換個背景色」。
這個練習適合剛開始學習 HTML、CSS、JavaScript 的人，幫助理解：
按鈕怎麼綁定事件
JavaScript 怎麼控制畫面樣式
如何產生隨機顏色
練習畫面預覽
CodePen 是什麼？
CodePen 是一個線上前端程式碼編輯器，可以即時撰寫與預覽 HTML、CSS、JavaScript 程式碼，適合練習、展示作品、或測試功能。無需安裝環境，只要打開瀏覽器就能開始寫程式！
👉 官方網站：https://codepen.io
為什麼要用
上圖為影片中提示詞的生圖結果~ 影片西哩呼嚕錄完了，完全忘了有作生圖示範這件事，哈哈!
如果想知道這影片在幹麻，請先看: 請 AI 幫忙想繪圖用提示詞-自建網頁產生篇，對該文有興趣再來看。
