[ 工具分享 ] 快速製作 HTML 表格 (HTML Table)

標籤: , , ,

今天要和大家分享一些工具,我覺得真的實在是太厲害了,不懂 HTML 也沒關西只要將試算表 ( Excel ) 的檔案輸出成 CSV 檔案即可快速產生 HTML表格。這樣看下來是不是覺得很厲害呢?現在 Google 的表單和試算表的皆有輸出成 CSV 的選項,如果要快速製作出表格不用浪費時間打 <tr> , <td>等語法囉!

 

工具在此:convertcsv

 

這個工具也有他的缺點,不包含樣式,所以粗體,文字顏色,底色,垂直置中,置中等效果都不會出現,他就是一個單純的表格完全不包含樣式。這個網頁工具他也有提供一些功能,像是運算等等的,大家可以自己研究看看。

 

以下是測試結果~

▲ 檔案原本的樣子。我用 Google 試算表匯出 CSV 檔案。

▲ 匯入檔案。

 

▲ 輸出結果,複製以下語法貼到網頁上就有基本的表格了。但是沒有樣式。

基本上的表格是沒有問題的~但是就是沒有樣式,但是以輸出 csv 檔案匯入製成表格來說還是相當厲害的。

 

▲補充

那如果你想要的是線上製作HTML表格的功能,我也推薦你一個網站 TablesGenerator 。

這個網站雖然是英文的但是操作一下應該就懂了,另外就是他是附帶樣式的表格相當方便。

 

以上就是今天工具的分享,感謝閱讀。

 



相關文章

Font Awesome ( icon font ) 今天要和大家介紹 Font Awesome 這個工具的使用方式,他提供一些免費的 icon 和付費的 icon 可以使用,就目前為止我覺得他提供免費的素材還蠻夠用的。現在就要來教大家如何使用這項工具囉...
lang 網頁的語系宣告   什麼是lang? lang 主要用來宣告網頁的語系,主要是給瀏覽器看的,所以如果要做好SEO(搜尋引擎最佳化,英语:search engine optimization)需要...
Loading 製作載入中畫面 (8/9更新:Safari 載入問題)...   此篇文章要教大家如何製作 Loading 畫面,在瀏覽網站的時候有時候會看到有些網站有 "過場畫面" ,當整個網頁載好時才會讓使用者看到完整的畫面,這樣有什麼好處呢?可以讓網頁更有...
One Page Scroll 判斷目前所在區塊(4/19更新說明)...   什麼是 One Page Scroll 呢? 概念類似垂直的幻燈片,只是操控的方式是以滑動(觸控螢幕,ex:手機)/ 滾輪(電腦)來進行,一樣可以點這個點翻動到此頁,也可以用...