單純使用<BODY></BODY>往往在編排時無法隨心所欲的控制版面，為了彌補此項缺點，可以使用表格及框架，本單元介紹較簡單之表格。
<TABLE BORDER=1 BORDER=GREEN>

<CAPTION>表格標題</CAPTION>

<TR><TD>第一列第一欄</TD><TD>第一列第二欄</TD><TD>第一列第三欄</TD></TR>

<TR><TD COLSPAN=2 BGCOLOR=YELLOW>第二列第一二欄</TD><TD>第二列第三欄</TD></TR>

<TR><TD>第三列第一欄</TD><TD>第三列第二欄</TD><TD>第三列第三欄</TD></TR>

</TABLE>

結果如下：

表格標題
第一列第一欄第一列第二欄第一列第三欄
第二列第一二欄第二列第三欄
第三列第一欄第三列第二欄第三列第三欄


  • <TR></TR>：設定橫列
  • <TD></TD>：設定縱欄
  • <TH></TH>：設定縱欄中的字為粗體字

    以下指令加在TABLE後：

  • CELLPADDING= n：設定表格內文與表格邊緣的距離
  • CELLSPACING= n：設定表格中格子與格子間的距離
  • BORDER= n：外框寬度，0表無格線
  • BORDERCOLOR=顏色：設定格線顏色（Netscape中無法顯示）

    以下指令加在TABLE（設定整個表格）
    或TR､TD（設定單一行列）後：

  • WIDTH= n：表格寬度，可用百分比或數字表示， TR､TD中的寬度總和不能超出TABLE的寬度。
  • HEIGHT= n：表格長度，以數字表示為宜。
  • BGCOLOR：表格的背景顏色

    以下指令加在TD､TH後：

  • COLSPAN= n：合併橫列中 n 格
  • ROWSPAN= n ：合併縱欄中 n 格
  • ALIGN=left（center､right）：設定水平對齊方式
  • VALIGN=top（middle､bottom）：設定垂直對齊方式

  • 範例一：請將游標移至本文任一處，按下滑鼠右鍵，點取「檢視原始檔」，可發現本單元即運用表格排版而成。

  • 範例二：

    <table width=400 height=200 border=1 bordercolor=yellow>

    <tr>
    <td bgcolor=white rowspan=3 width=15% align=center valign=middle>name=1<br>menu.htm<br>15%</td>
    <td bgcolor=lightgreen align=center>top.htm　1%</td>
    <td bgcolor=white rowspan=3 width=12% align=center valign=middle>list.htm<br>12%</td>
    </tr>

    <tr>
    <td bgcolor=lightgreen height=198 align=center valign=middle>name=3<br>main.htm</td>
    </tr>

    <tr>
    <td bgcolor=lightgreen align=center>top.htm　1%</td>
    </tr>

    </table>