鐵人檔案
採用重點筆記的方式，將HTML及CSS做整理，透過淺顯易懂的文字和舉例，讓其他也想踏入網頁製作卻不知道該如何下手的朋友們能夠輕鬆踏入，並能夠跟著這30篇文章一點一點完成自己的網頁！
今天要介紹的也算是基本內容，個人認為有標題、段落和圖片就能寫出一個不是那麼空虛的網頁，所以在進入HTML的一開始先來介紹這三種元素。 段落<p>...
昨天介紹了圖片元素及必要屬性，今天就直接來應用吧！ 加入圖片 使用絕對路徑在圖片上按右鍵，選擇「複製圖片網址」將網址貼到src屬性值中，再加上alt描述圖...
今天要介紹的是常用電腦的大家都熟悉的超連結！ 介紹 超連結是用來通往其他頁面、檔案、Email地址、或當前頁面跳轉。 可以是一個字，一個詞，一句話，也可以是...
我的主題是捷運美食介紹網頁，如果只用文字條列就太枯燥了，首頁當然要比較酷一點，必須有捷運地圖當索引才行，所以今天就來介紹如何產生影像地圖！ 介紹 影像地圖是一...
昨天只稍微提到影像地圖會用到哪些屬性，今天就好好介紹這些屬性吧！ <img>元素 前三個屬性前面有介紹過這邊就不多講，要特別注意的是第四個：use...
事前準備 首先我們需要先準備一張捷運地圖。 這邊找的是板南線的地圖，附上圖片網址。 只找板南線的原因，一是我必較熟悉的生活圈，二是我覺得後面都是一樣的做法，...
昨天已經完成了首頁，為了能完成下一個實作，我們會需要用到列表及表格，今天就先來介紹列表！ 無序列表<ul> 沒有順序的列表清單，通常在網頁上顯示...
基本介紹 基本以<table>元素、<tr>元素（table row）及<td>元素（table data）可以組成一個完...
美食介紹實作我分為兩種網頁：一個是以行政區為單位，內容包含此行政區有哪些站點、這些站點又各有哪些美食店家；另一個是以站點為單位，內容包含美食店家的基本資訊介紹。...
第二十天！今天要做的是發佈我們寫好的網頁。發佈網頁的工具有很多，上網都可以搜尋得到各種教學，這邊使用GitHub當範例，以下提供兩種方法。 要使用GitHub...
