鐵人檔案
在這個30天的挑戰中，我將深入探索前端網頁開發的基礎，專注於 HTML 和 CSS 的學習。從最基本的標籤和屬性，到現代化的排版和布局技巧，我會每天學習並實踐一個新的主題。這段時間不僅僅是學習理論，還包括實際操作和小範例的練習，以加深對這些技術的理解。所以這30天的文章可以算是我自己的學習筆記，如果內容有誤，也歡迎大家告訴我。
HTML（HyperText Markup Language）是一種標記語言，用於創建和結構化網頁內容。它提供了一組標籤和屬性，幫助我們定義網頁的各個元素，如標...
昨天有說到HTML是由使用標籤來描述網頁內容的結構和格式，所以今天我要來學習標籤裡面的元素及屬性。 元素(Element)：被開始標籤和結束標籤框起來範圍就是元...
HTML 標題標籤：提供了六個標題標籤，從 ＜h1＞ 到 ＜h6＞，用來定義不同層級的標題。標題的層級從大到小依次遞減，其中 ＜h1＞ 是最重要的標題，＜h6＞...
列表：HTML 中有兩種類型的列表：無序列表和有序列表，以及一種特殊的描述列表。 無序列表（Unordered List） 使用 ＜ul＞ 標籤來定義無序列表...
HTML 表單的作用 HTML 表單用來收集用戶輸入的信息，並將這些信息提交到服務器進行處理。常見的表單元素包括文本框、按鈕、下拉菜單、單選按鈕等。這些元素能夠...
什麼是 CSS？ CSS (Cascading Style Sheets) 是一種用來描述 HTML 或 XML 文件外觀和排版的樣式表語言。它允許我們控制網頁...
選擇器 (Selectors) CSS 選擇器用來選擇 HTML 元素，並應用相應的樣式。常見的選擇器包括： (1) 元素選擇器 (Type Selector)...
在學習 CSS 排版時，理解 盒子模型 (Box Model) 是很重要的。 盒子模型是 CSS 中用來設計和布局 HTML 元素的一個基本概念。因此每個 HT...
在設計網頁時，選擇合適的單位來定義元素的尺寸（如寬度、高度、邊距等）非常重要。不同的單位適合不同的情境，HTML 和 CSS 支援多種單位，其中有些是相對單位，...
排版是網頁設計中非常重要的一部分，良好的排版能夠提升網頁的可讀性和美觀度。 字體相關屬性: (1) font-family (字體系列) font-family...
