HTML
含有「HTML」共 90 篇內容
全部內容
發佈日期由新至舊
本篇分享建立好前端HTML網頁後，如何執行本機測試。
練習目標
這篇是我的前端練習記錄，透過 CodePen 製作一個小功能：「點一下按鈕，就讓整個畫面換個背景色」。
這個練習適合剛開始學習 HTML、CSS、JavaScript 的人，幫助理解：
按鈕怎麼綁定事件
JavaScript 怎麼控制畫面樣式
如何產生隨機顏色
練習畫面預覽
CodePen 是什麼？
CodePen 是一個線上前端程式碼編輯器，可以即時撰寫與預覽 HTML、CSS、JavaScript 程式碼，適合練習、展示作品、或測試功能。無需安裝環境，只要打開瀏覽器就能開始寫程式！
👉 官方網站：https://codepen.io
為什麼要用
Markdown 是你寫作和排版的神奇快捷鍵，搭配 Notion 快捷操作和 HTML 語法，讓你寫文像打遊戲一樣輕鬆又高效！
上圖為影片中提示詞的生圖結果~ 影片西哩呼嚕錄完了，完全忘了有作生圖示範這件事，哈哈!
如果想知道這影片在幹麻，請先看: 請 AI 幫忙想繪圖用提示詞-自建網頁產生篇，對該文有興趣再來看。
在這個社群平台林立的時代，下定決心要架設自己的網站，我是一個平凡的文科生——彗星。
之前誤打誤撞在網路行銷公司任職過，學到了一些從無到有架網站的知識，後來因為公司組織改革，調離原崗位，這讓我開始萌生一個想法…何不自己架一個網站試試看？
但這次沒有工程師能幫忙了，文組追星女創站全紀錄，從這裡開始！
每個學習網頁開發的人一定會聽過 HTML、CSS、Javascript ，但這些到底是什麼? 在我學習前端技術的前期，經常搞不懂這三者的關聯，陷入一個「我知道這三個名詞，但不知道用來做啥」的窘境，因此今天用簡單的方式分享這三個常見的名詞~
在創建動態且響應式的網頁設計時，HTML 和 CSS 是不可或缺的工具。在這篇文章中，將深入探討一些常見但卻非常強大的 CSS 屬性，包括如何使用 100% 和 100vw 的區別、背景效果的應用、parallax 效果的實現、以及如何有效地使用 vw 和 vh 來進行響應式設計。
這篇文章介紹 CSS 的樣式表、選擇 HTML 元素的方法和 CSS 權重。內容包含內聯樣式、內部樣式、外部樣式、元素選擇器、類別選擇器、ID 選擇器、通用選擇器以及 CSS 權重等重要概念。並以淺顯易懂的方式說明，搭配便當的例子做比喻，讓讀者更容易理解 CSS 的應用和原理。
