一開始只是興趣使然，寫了一篇關於網頁框架的簡單筆記，不過幾經思考後，還是想把它寫成網頁相關的系列筆記，希望在忘了一些東西時，能有個地方可以快速找回記憶。☺️ 💡 Hint: 以下筆記內容所使用的作業系統為"Windows 10" 📝 float 的基本概念 float 在 CSS 中是最基本的版面設計技巧，不瞭解 float 的話，就很難利用 CSS 來進行版面的規劃設
一開始只是興趣使然，寫了一篇關於網頁框架的簡單筆記，不過幾經思考後，還是想把它寫成網頁相關的系列筆記，希望在忘了一些東西時，能有個地方可以快速找回記憶。☺️ 💡 Hint: 以下筆記內容所使用的作業系統為"Windows 10" 📝 簡單介紹 CSS CSS (Cascading Style Sheets) 是用來美化網頁，進行版面設計的語言。 HTML 與 CSS 的
一開始只是興趣使然，寫了一篇關於網頁框架的簡單筆記，不過幾經思考後，還是想把它寫成網頁相關的系列筆記，希望在忘了一些東西時，能有個地方可以快速找回記憶。☺️ 💡 Hint: 以下筆記內容所使用的作業系統為"Windows 10" 📝 設定背景圖 background-image 將特定素材指定為背景圖，預設水平和垂直均重複(repeat)，讓圖片填滿整個元素 123&l
一開始只是興趣使然，寫了一篇關於網頁框架的簡單筆記，不過幾經思考後，還是想把它寫成網頁相關的系列筆記，希望在忘了一些東西時，能有個地方可以快速找回記憶。☺️ 💡 Hint: 以下筆記內容所使用的作業系統為"Windows 10" 📝 CSS 註解 註解不會被顯示在瀏覽器上。在撰寫 CSS 時，適度加上註解，可以方便彼此了解這段語法是針對哪個項目進行設定，日後要做調整也會
一開始只是興趣使然，寫了一篇關於網頁框架的簡單筆記，不過幾經思考後，還是想把它寫成網頁相關的系列筆記，希望在忘了一些東西時，能有個地方可以快速找回記憶。☺️ 💡 Hint: 以下筆記內容所使用的作業系統為"Windows 10" 📝 製作表格 基本結構(2欄1列): 123456<table> <tr> <td>第
一開始只是興趣使然，寫了一篇關於網頁框架的簡單筆記，不過幾經思考後，還是想把它寫成網頁相關的系列筆記，希望在忘了一些東西時，能有個地方可以快速找回記憶。☺️ 💡 Hint: 以下筆記內容所使用的作業系統為"Windows 10" 📝 換行 在 HTML 文件中有要換行的地方時，可以利用<br>元素來強制換行。 📓 <br>元素 <br&
一開始只是興趣使然，寫了一篇關於網頁框架的簡單筆記，不過幾經思考後，還是想把它寫成網頁相關的系列筆記，希望在忘了一些東西時，能有個地方可以快速找回記憶。☺️ 💡 Hint: 以下筆記內容所使用的作業系統為"Windows 10" 📝 網頁中常出現的元素 元素 用途 分類 <h1>~</h1>…<h6>~</h6&g
“工欲善其事，必先利其器”。好的編輯器讓你事半功倍，壞的編輯器讓你事倍功半。 💡 Hint: 以下筆記內容所使用的作業系統為"Windows 10" 📝 編輯器的選擇 1: 記事本 好處是不用安裝每台電腦都有，但接著看下去的話，相信你不會想要選這個做為編輯器。 2: Notepad++ 跟上面的記事本很像，但它本身支援多種語言的撰寫，會自動為關鍵字標上各種不同
一開始只是興趣使然，寫了一篇關於網頁框架的簡單筆記，不過幾經思考後，還是想把它寫成網頁相關的系列筆記，希望在忘了一些東西時，能有個地方可以快速找回記憶。☺️ 💡 Hint: 以下筆記內容所使用的作業系統為"Windows 10" 📝 簡單介紹 HTML HTML (Hyper Text Markup Language，超文字標記語言) 是用來製作網頁的 “標記式” 語言
據說金魚只有七秒的記憶力，那有沒有辦法讓金魚也能快速建置個人網頁呢? 答案是有的!! Bootstrap是一個前端的網頁框架，框架內有各種已寫好的網頁元件，你只要做3件事，複製、貼上、拼拼圖(Component)，就能做出一個基本的前端網頁。👍 💡Hint: 文章內所使用的版本是 Bootstrap v4.6.x ⏳ Setting Environment 如果你已經有用習慣的網頁編寫