網路上有著各式各樣的網站，看似五花八門，但其實基本的頁面都是由 HTML 與 CSS 所構成，再加入程式語言來增加與使用者間的互動。這一篇，我要先來介紹一下 HTML 和 CSS。

HTML

HTML 其實是一種標籤語言，全名HyperText Markup Language，他運用各種不同含意的標籤，來呈現出一個網頁的內容與框架。

這是 HTML 的基本組成型態，之後會在進一步說明一些常用的標籤。

在人們越來越追求美觀之後，便在 HTML 裡加入了排版的元素，導致 HTML 越來越複雜，而 CSS 的出現，便減輕了 HTML 的負擔。

CSS

CSS 是一種樣式表，全名Cascading Style Sheets，它提供了很多很厲害的效果和描述外觀的屬性。在 HTML 架構出網頁雛形之後，美化的工作就交給 CSS 去處理，包括字型、顏色、背景、排版......等。

簡單來說，HTML 訂出了一個網頁的骨架，CSS 再把外衣套上，讓網站能夠以好看的介面呈現給使用者。

隨著時代的演進，HTML 與 CSS 也在不斷的改革與變新，現階段兩者最新的版本分別為 HTML 5與 CSS 3。