鐵人檔案
前端新手在30天內學習HTML、CSS等技術的自我挑戰。主要會參考前人文章以及W3Schools、MDN等資料，或者直接讀規範。內容可能會略微粗淺，也可能會有些錯誤，還請見諒與鞭策。
在開始主題之前，先來自我介紹吧。 大家好，我是KK。目前是好想工作室Web Camp的學員。從年初進入好想工作室以來，時間已經過了六個月（淚～ 這段期間，我主要...
首先遇到的是HTML。 HTML是HyperText Markup Language的縮寫。根據MDN的說明，HTML是網頁的基礎，其定義了網頁的結構與意義。H...
昨天我們提到了網頁的基本結構，今天要進一步說明HTML的語法，還有一些需要注意的鋩鋩角角（mê-mê-kak-kak）。 元素 Elements HTML由一系...
今天要回過頭來，仔細看看網頁的<head>元素裡面有什麼。 之前說過，<head>元素裡會放入有關網頁的metadata。這些metad...
前幾天介紹了網頁的基本組成元素，以及構成這些元素的語法。接下來幾天，要開始說明怎麼編輯網頁的實際內容啦～ 就像是使用Word等文書軟體撰寫文件，可以依據需求對文...
昨天我們提到怎麼爲網頁中的文字進行初步的編排，包括添加粗體斜體等樣式、換行與分段，還有在段落間加上標體與分隔線。 不過如果跟著做，會發現我們寫出來的網頁還是跟平...
昨天我們介紹了網頁中常見的區塊，以及用來劃分這些區塊的語意化結構元素（semantic structural elements），包括<header>...
前天提到除了主要內容之外，網頁通常在版面上還會分出頁首、導覽列、側邊欄與頁尾等區塊。雖然這些區塊主要是由語意化結構元素來劃分，不過經過昨天的討論可以知道這些元素...
昨天我們提到HTML的<a>元素，以及怎麼用它在網頁中加上連結。也說明這些連結不一定都是連到網頁，實際在網頁中也不一定都是以文字來呈現。 今天要介紹...
昨天提到HTML中的清單主要分成三種，包括以符號區別項目的無序清單、以編號區別項目的有序清單，以及沒有符號或編號的描述清單。 今天我們要介紹的是，同樣常用來整理...
