自學網頁の嬰兒教材:第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替表格加上美工。

完成這些,你就完成這次的課程目標了!

您好,本站內容已停止更新

我寫了一個新的平台網站,未來的新內容都會發佈在這裡:

https://devs.tw/series

請前往新網站,瀏覽更多的新內容。