工具 | 五種 HTML/CSS/Javascript 表格製造產生器介紹

  1. CSS Table Generator – HTML Generator 可以自動產生滑鼠移到儲存格時標示特別顏色的JS、更改顏色佈景、是否在儲存格內加入預設內容。產生的HTML算相當乾淨,在關閉所有樣式與滑鼠懸移特效後,會在 table 標籤留下一個 CSS ID 與一個 class,並在表格末加入該網站的連結。
    20131020110028
  2. HTML Table generator – TablesGenerator.com 基礎功能相當齊全,除了HTML表格之外,也能產生 LaTex、Markdown、Text(純文字)格式的表格,支援合併、分割儲存格,也有多種佈景顏色可選擇,內建簡單的文字格式編輯器(粗斜體、文字顏色、文字對齊),還能直接匯入 CSV 表格與現成的 HTML 表格。在關閉佈景選項後產生的 HTML 較為雜亂,有文件內CSS、Table 跟 TR 內各有一個 class。儲存格內的文字樣式是用文件內 CSS 改變,並不使用 strong 等標籤,產生的 class 名稱雖冷門不至於與原有佈景打架,但也並不直覺。
    20131020112646
  3. Table Editor 產生的HTML非常乾淨,完全沒有任何 ID 或 CLASS,表格畫線僅使用在純文字表格的繪製,不會輸出到HTML。不能合併儲存格是較可惜的地方。除了HTML之外,也可以產生Latex、JSON、SQL、Mathematica、Plain text、Comma separated values 格式。較特別的是能夠設定儲存格排序方式。
    20131020114545
  4. HTML table generator | HTML tables 好處是非常直覺,沒有多餘的功能,挺適合用在截圖表格用途上。因為產生的HTML非常雜亂,並不建議使用在網頁製作。雖然有合併儲存格功能,但並沒有分割功能,使用分割時須小心注意。
    20131020115242
  5. Html Table Generator v0.2 產生的HTML非常乾淨,沒有多餘 css class 或 id,擁有分割儲存欄與合併儲存欄功能,很適合製作網頁、寫文章使用。
    20131020120252
Related Posts Plugin for WordPress, Blogger...

One thought on “工具 | 五種 HTML/CSS/Javascript 表格製造產生器介紹

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *