第4課 課程目標
學會使用HTML的table來整理、顯示資料
能夠做出漂亮的表格
第4課 課程內容
用jsfiddle來練習:
這次要寫HTML跟CSS兩個區塊~
請閱讀這份教材:
不習慣看英文,可以改看這裡:
把教學裡面的HTML、CSS程式碼,貼到 jsfiddle 裡面做練習,貼好之後按上面的 RUN 按鈕,就會在右下角的 Result 看到結果了。
讀完、練習完這份教學裡面的程式碼,就算是學會HTML table的用法了,可以用table來顯示各種資料了
接著閱讀下列這份教材,學習基本的表格美工:
第4課 作業
政府近年在提倡透明化,公佈了許多資料
請前往
或是
挑選一份你有興趣的資料,利用本週學到的table,將資料用HTML表格呈現。
(資料量巨大的話,請在表格內呈現10筆資料即可。)
完成之後,請用CSS替表格加上美工。
完成這些,你就完成這次的課程目標了!