不會程式碼也會用『HTML DIV 線上表格產生器』快速拖曳欄位

表格快速產生器
HTML DIV線上表格產生器,就算不會程式碼也能輕鬆的畫出網頁上的表格,也免除有時候要畫的表格內容太多語法看的眼花撩亂。操作方法相當簡單,只要將需要的表格欄數與列數利用拖曳的方式拉出來,並在表格內輸入內容,然後將產生的程式碼貼到網頁中就行了。



由此前往:HTML表格產生器




HTML Table Generator


STEP1

前往TABLE GENERATOR,在圖示中快速拉出需要的欄列格數。
表格快速產生器1

STEP2

在下方編輯區,直接拖曳即可調整表格的大小,不同欄位的長寬分配均能做修改。
表格快速產生器2

STEP3

點兩下表格會產生編輯區塊,隨時新增、刪除欄位,將要填入的文字內容,直接輸入到預覽區的表格中。
表格快速產生器3

STEP4

在第一個Table properties可新增邊框與背景的顏色等設定。
表格快速產生器4

STEP5

之後再把旁邊所產生的HTML程式碼複製下來即可。

 禮拜一 禮拜二 禮拜三  禮拜四  禮拜五  禮拜六
 數學 國文 歷史      
           
           

延伸閱讀:【色碼表】完整CSS顏色代碼查詢(線上工具)