自學網頁の嬰兒教材：第4課 ── 好用的表格

⚠️⚠️⚠️ 公告 ⚠️⚠️⚠️

📢📢📢 本課程已有更新版本：請前往新版網站瀏覽、討論、交作業 📢📢📢

👉 點我前往新課程網站

第4課 課程目標

學會使用HTML的table來整理、顯示資料

能夠做出漂亮的表格

第4課 課程內容

用jsfiddle來練習：

https://jsfiddle.net

這次要寫HTML跟CSS兩個區塊～

請閱讀這份教材：

HTML Tables

不習慣看英文，可以改看這裡：

HTML 表格

把教學裡面的HTML、CSS程式碼，貼到 jsfiddle 裡面做練習，貼好之後按上面的 RUN 按鈕，就會在右下角的 Result 看到結果了。

讀完、練習完這份教學裡面的程式碼，就算是學會HTML table的用法了，可以用table來顯示各種資料了

接著閱讀下列這份教材，學習基本的表格美工：

Stylish CSS Tables Tutorial

第4課 作業

政府近年在提倡透明化，公佈了許多資料

請前往

政府資料開放平台

或是

台北市政府資料開放平台

挑選一份你有興趣的資料，利用本週學到的table，將資料用HTML表格呈現。

（資料量巨大的話，請在表格內呈現10筆資料即可。）

完成之後，請用CSS替表格加上美工。

完成這些，你就完成這次的課程目標了！