2020年12月8日 星期二

方便產生 HTML 表格( Table )的工具

 方便產生 HTML 表格( Table )的工具

前言

  在寫 Blog 時有時需要用到表格,但工具列裡沒有表格( Table )的工具可以用,但可以用 HTML 的方式來插入,但 HTML 的表格( Table )直接用非常不方便,所以這次找了可以產生 HTML 的表格( Table )的工具。


內容

  這次介紹的工具是線上工具,到 [ www.tablesgenerator.com ] Tables Generator 就可以使用,進入後可看到下圖

Table Generator 的使用畫面


畫面看起來很複雜,但使用起來並不難懂,在畫面"3"的地方可以預視表格結果,要新增或移除欄位可以在畫面"1"地方就可以操作,在畫面"3"點擊或圈選欄位可以透過畫面"2"的地方修改欄位的屬性如字型、顏色...等,當完成 Table 後,按下"Generator"按鈕,可以在畫面"5"的地方得到 HTML 結果,在畫面"4"的地方記得勾選不要產生 CSS ,不然會產生多餘的 CSS 程式碼。


參考資料

[ www.tablesgenerator.com ] Tables Generator



沒有留言:

張貼留言