成為網頁設計師的第一步！快速上手 HTML & CSS 展開你的網頁設計之旅！

HTML（Hypertext Markup Language），中文全名為「超文字標記語言」，是一種用來組織架構並呈現網頁內容的標記語言。 網頁內容的組成，可能包含了段落、清單、圖片或表格...等。 透過這篇文章，希望能幫助大家對 HTML 及其功能有基本的認識。

只要將文字檔案儲存為「.html」格式，就是一份 HTML 網頁檔案，由於 HTML 是「純文字」檔案，可以單純透過本機環境例如 Windows 內建的 Notepad，Mac 內建的 TextEdit 或 Linux 的 Vim 都可以用來編輯 HTML，但相對來說使用內建的文字編輯器，在程式碼上色或除錯的部分，就稍嫌薄弱。 如果要擁有 HTML 開發的進階功能，就需要安裝一些「程式碼」專用的編輯器，下方列出三個常用的免費編輯器，都可以作為 HTML 的編輯器使用。 在「steam.oxxostudi

本語法蒐整不分標籤或屬性名稱，按英文字母順序排列。 特別整理加註已知未來不支援 HTML 5 的標籤，並以此圖示 表示 。 特別整理 HTML5 與 HTML4 標籤對照，供你比對參考 。 本篇語法曾對右列 七套常用瀏覽器分別測試 。 本語法採用標籤、屬性及設定值的顏色表示方法： <標籤名稱 屬性名稱 =" 設定值 ">。 標籤名稱，表示這是某個標籤； 屬性名稱，表示這是某個標籤的屬性名稱； 設定值，表示這是某個屬性名稱的值。 按 可查看相關屬性值用法；按 可前往本篇各節詳

以上就是網頁最基本的架構，其實就是一堆標籤（所謂標籤就是指被<>包起來的語法）集合起來的，透過瀏覽器的消化整理，就成一個網頁。

總的來說， HTML 是網頁設計的基礎，提供了網頁內容結構的描述和媒體內容的呈現，並且與 CSS 和 JavaScript 結合，可以建立出功能豐富的網頁和應用程式。

巨匠電腦為零基礎但想朝網頁設計發展的新手量身打造「RWD 響應式網頁設計課程」，帶你深入 CSS 及 HTML 語法、了解如何使用 Javascript 與 Bootstrap，並學會製作 RWD 網頁。

編輯 HTML 文件後想要檢視網頁效果，可以在瀏覽器開啟 .html 檔案來呈現視覺化網頁，如果只需查看某些 HTML 語法效果，使用所見即所得編輯工具會比較省時方便， HTML.cafe 就是簡單易用的線上編輯器，輸入語法後立即呈現效果。