Tables Generator讓懶人成為第一名工具!表格生成器
如何使用工具來幫助網站建立一個漂亮的表格呢?建議你可以試試這一個方便的線上工具!使用方式非常簡單,而且就算不懂程式也沒關係!一步一步帶你了解怎麼使用這個網頁工具,快來看看這是怎麼操作的吧!
一、操作方式說明
Step1.進入先將最上面的標籤切換到HTML
Step2.將其中的文件整理統一文件格式(word/Excel)例如:刪除多餘的空白鍵
Step3.複製整個文件的表格到欄位中(不需要一格一格的貼!)
如果文件比較大,也可以使用匯入csv文件的方式!非常方便!
Step4.編輯樣式
A.還原新增表格、刪除表格、上一步等
B.調整表格樣式,文字寬度、字形、大小、顏色等
C.表格面板與文字編輯
D.產生方案並複制
值得一提的是選擇,右上角的主題可以快速預設的表格樣式,超級方便的
Step5.計算原始碼
機器生成的原始碼限定了字形和寬度,一般我需要將網站默認的字體系列和字體大小設置刪除,另外將<table>標籤設置為寬度100%
最後就可以生成原始碼並複制(圖標D)貼到網站後台編輯器裡成功美美的表格啦!
快去試試看吧!https://www.tablesgenerator.com/
二、使用表格生成器的優缺點
優點:
- 介面簡潔且直覺,基本上會用excel或word都可以輕鬆操作
- 一鍵獲取表格原始碼
- 調整款式可以直接查看預覽結果
- 有預設的表格樣式可以選擇!
缺點:
- 自動生成的原始碼很容易因為反覆蓋的樣式修改而產生過多多餘的類和样式,導致原始碼冗長、較難閱讀與維護
如果想要深入了解表格是怎麼被寫出來的可以看零基礎也能懂的 HTML表格