HTML 表格生成器

視覺化搭建表格,得到乾淨的 HTML。在左側配置結構(行、列、表頭、標題、邊框、顏色、對齊),直接在網格里輸入,或貼上 TSV / CSV / Excel 資料。HTML 即時生成,同時以程式碼和沙箱即時預覽兩種形式呈現。可選擇經典輸出(border / cellpadding 屬性)或現代輸出(內聯 CSS),然後複製程式碼或下載自包含的 .html 檔案。全部本地執行 —— 不上傳任何內容。
尺寸
結構
大小與邊框
外觀
輸出
貼上以製表符/換行分隔的資料(Excel 或 TSV),或以逗號分隔的資料(CSV,支援引號)。
5 × 5 點選行/列邊緣的小 × 即可移除該行/列
在單元格中輸入,或點選“生成”建立 HTML。
沙箱模式 - 停用指令碼
提示:單元格內容預設做 HTML 轉義,因此 <script> 之類的輸入不會破壞生成的程式碼或預覽;只有當你有意要注入標記時才取消勾選“轉義單元格 HTML”。Excel 行請按 TSV 貼上(“匯入資料…”按鈕會自動識別製表符或逗號)。網格最多支援 100 行 × 30 列,預覽 iframe 是沙箱化的(無指令碼)。
有意義的表格

<th scope="col"> 和 scope="row" 告訴螢幕閱讀器每個表頭描述的是什麼,<caption> 則為整張表命名。colspan 和 rowspan 用於合併真正合並的資料單元格,但若用來做視覺佈局會困住解析器。

資料關係用表格表達,佈局交給 CSS grid 或 flexbox —— 用表格做佈局既損害無障礙性也損害響應式。