簡單十個步驟，教您輕鬆完成表格製作
|
 |
請先拿出鉛筆與紙張來，並在紙上簡單畫出您想要的表格樣子。
|
 |
叫出電腦內記事本 (NotePade) ，寫下這段表格基本語法：
<Table Border="1">
<Tr>
<Td>1</Td>
</Tr></Table>  這是 1 列 1 欄(格)表格
|
|
 |
然後計算出總共是多少列 (Rows) 及多少欄 (Cols) 位。
 備註：由左往右的是列位 (Rows) ，由上往下的就是欄位 (Cols) 。
|
 |
假設：共計有 3 個列 (Rows)及 3 個欄 (Cols) 位，將此數量插到表格基本語法內，表格語法便是：
<Table Border="1">
<Tr><Td>1</Td><Td>2</Td><Td>3</Td></Tr> 第 1 列 3 欄(格)
<Tr><Td>1</Td><Td>2</Td><Td>3</Td></Tr> 第 2 列 3 欄(格)
<Tr><Td>1</Td><Td>2</Td><Td>3</Td></Tr> 第 3 列 3 欄(格)
</Table>
|
 重點：請務必使用 Copy & Paste ，千萬不要一個字一個字打上去喔！看結果：
|
 |
接下來開始調整列位 (Rowspan) 及欄位 (Colspan) 的合併數字。
凡是要向下擴展的就用 RowSpan 合併，凡是要向右擴展的就用 Colspan 合併，然後將多餘的資料格刪除。
|
 |
假設：第 1 列的第 1.2 欄(格)要合併為 1 格，第 2.3 列的第 3 欄(格)要合併為 1 格，調整後表格語法便是：
<Table Border="1">
<Tr><Td Colspan="2">合併為 1 格</Td><Td>3</Td></Tr> 合併第1列第 1.2 格，留下第1列第3格
<Tr><Td>1</Td><Td>2</Td><Td RowSpan=2>合併為 1 格</Td></Tr> 合併第2列第3格，留下第1列第 1.2 格
<Tr><Td>1</Td><Td>2</Td></Tr> 刪除第2列第3格，留下第1列第 1.2 格
</Table>
|
看結果：
|
 |
在資料格填入所需文字或圖檔資料，例如：<Td>合併為 1 格</Td>；完成後存檔，並叫出來比對及修正錯誤。
|
 |
運用前面所學標籤，將文字、表格顏色(圖檔)美化及調整位置。
|
 |
完成後存檔，再叫出來比對及修正錯誤一次。
|
 |
就是如此簡單依樣畫葫蘆，完成任何表格之製作。
|
下載 或列印本篇技巧檔
|
|
|
|
|
|
|
|
|
|
|
|
本篇技巧檔