鐵人檔案
採用重點筆記的方式，將HTML及CSS做整理，透過淺顯易懂的文字和舉例，讓其他也想踏入網頁製作卻不知道該如何下手的朋友們能夠輕鬆踏入，並能夠跟著這30篇文章一點一點完成自己的網頁！
前言 哈囉大家，我目前是一位大學生，雖然已經讀相關科系到大三，但完全還是個資訊菜鳥，若有錯誤的地方還請各位不吝指教！這次是因課堂需求而參與了鐵人賽，期許自己能將...
寫任何程式之前，第一步要做的就是建設開發環境，所以今天就先來談談這部分吧！ 要寫出一個網頁，首先要有文字編輯器，網路上可以搜尋到各種編輯器，這邊就不多做介紹，...
昨天已經成功安裝了VS Code，今天就接續帶大家產生HTML檔案！ 首先在桌面建一個資料夾，名稱可以隨意取，這邊拿「Practice」當示範。 接著開...
簡介 超文本標示語言（HyperText Markup Language，簡稱HTML），是一種用來組織架構並呈現網頁內容的標記語言，其使用標記標籤<&g...
今天要講的是巢狀結構和空元素，那就直接開始吧！ 巢狀結構 特別要注意的部分是，HTML內的元素排序為巢狀結構，就是像洋蔥一樣一層一層地包覆。 以範例「今天是第...
今天要講的是每個HTML檔案一定會有的一個宣告和三個元素。 介紹 <!DOCTYPE html> 一個宣告，用來讓瀏覽器知道這是HTML檔案 若...
介紹 HTML是由許多不同功能的元素所組成，元素中添加屬性可以增加額外的資訊，讓元素可以依照網頁開發者的需求，增加某些功能。 屬性必須用「屬性名稱="...
廢話不多說，直接開始繼續介紹屬性！ style style屬性是用來規定當元素的樣式，我個人把他看成是「將CSS直接寫在標籤中」。 若整個網頁的元素不多，...
學習語言之前，先知道註解怎麼寫也是必要技能！因此今天會介紹HTML的註解寫法以及特殊字元該如何打出來。 註解<!----> 通常是用來補充說明程...
今天算是我們正式開始寫HTML的第一天，要來介紹的是標題元素，可以說是HTML的基石，那事不宜遲，馬上開始吧！ 介紹 顧名思義，標題元素是用來定義HTML文...
