鐵人檔案
這次挑戰會在 30 天內，分別學習三個前端基礎語言。
首先是 HTML，負責網頁的骨架和內容，像是文字、圖片、段落怎麼排版。
接著是 CSS，讓網頁變漂亮，透過顏色、字體、版面設計，做出更好的使用體驗。
最後是 JavaScript，讓網頁有互動性，像是按鈕點擊、表單檢查，以及一些常用的功能。
這 30 天的探索，希望能打下前端的基礎，也累積出一個完整的小專案。
前言 大家好！這是我第一次參加鐵人賽，希望自己能夠挑戰成功，在接下來的三十天內每天都能穩定產出一篇文章。雖然心裡有點緊張，但也充滿期待。對我來說，這不僅僅是寫文...
標籤 (tag) HTML的語法跟其他的程式語言有很大的區別，是由許多標籤組成的，每個標籤裡面還能設定屬性的值以達成需要的功能 <a style=&quo...
學會了 HTML 的基本骨架之後，今天，我們要看到跟這兩個核心的標籤 1. <head></head>這個標籤主要是說明網頁的資訊，包...
今天要介紹三種常見的元素 列表清單 列表主要分為兩種:有順序跟無順序的，清單內還能放其他清單<ul> 代表無順序的(unordered list)...
開始之前先補充一下 Element (元素)的說明 Element (元素) Element：簡單說元素就是一個前後完整的標籤 + 內容的組合，如下會是一個段落...
選擇器 (Selector) 也稱為選取器，作用是讓你能夠修改指定的元素，下面介紹常用的選擇器 標籤選擇器(type selectoer ) 又稱型態選擇器，用...
針對文字的設定所需要調整的屬性常見的如下 文字相關 font-family：可以設定多個，以 , 區分，從第一個開始套用，因此後面會是通用字體 font-si...
網頁容器 容器就是一個區塊，用來區分放的位置與內容，當然可以在裡面放個更小的容器網頁排版就是關於容器的設計<div>：作為區塊 (block) 容器...
區塊元素 區塊元素（或稱區塊層級元素），可以設置 width(寬度)、height(高度)，在一般默認下的區塊元素，寬度會跟隨父層寬度，故而不允許其他元素佔據其...
在看任何跟邊界有關的 CSS 時都應該會看過這張圖，這張圖代表著 HTML 內的每個元素的邊界設定。 很多人在初學網頁的時候都會 margin 、 paddin...
