表 格 制 作 全 攻 略

一,、基本概念：

1.代碼屬性：

 （1）起始

      <TABLE>表示屬性是表格

      <TR>表示列或者是另一行

      <TD>表示一欄（行或者一個單元格）

  （2）終結【起始和終結控制代碼是成對的】

      </TD></TR></TABLE>,，共三對代碼：

   （3）<border=1>表示框線的粗細,，值越大框線越粗

一個單元格的制作代碼：

<TABLE border=1><TR><TD>內容</TD></TR></TABLE>

<TR>和</TR>，這一組表示設定一行表格的開始,，<TD>和</TD>,，這一組表示

是一個格子，

如果在<TR>和</TR>中間加幾組<TD>和</TD>,，就表示設置了結果單元格,。

如設置三個，效果代碼：

<TABLE border=1><TR><TD>內容</TD><TD>內容</TD><TD>內容

</TD></TR></TABLE>

增加一組<TR>和</TR>,，表示增加一排表格

如要設置兩行表格的效果代碼：

<TABLE border=1><TR><TD>內容</TD><TD>內容</TD><TD>內容

</TD></TR><TR><TD>內容</TD><TD>內容</TD><TD>內容

</TD></TR></TABLE>

二,、大小對齊：

    1.表格大小控制代碼：

寬度：WIDTH   高度：HEIGHT   值越大則表格越大

如設置寬300，高80的表格效果代碼：

<TABLE WIDTH="300" BORDER="1" HEIGHT="80">

<TR><TD align=center>

內容</TD></TR></TABLE>

     2.表格內容位置控制代碼：

        內容居左：align=left    內容居右：align=right

        內容居中：align=center  內容居上：VALIGN=TOP 

        內容居下：VALIGN=BOTTOM

    如設置內容居中同時居上的效果代碼：

<TABLE WIDTH="300" BORDER="1" HEIGHT="80"><TR>

<TD ALIGN=CENTER VALIGN=TOP>內容</TD></TR></TABLE>

三,、框線控制代碼：

    1.框線顏色：BORDERCOLOR="顏色碼"

      如設置框線是紅色的效果代碼：

<TABLE BORDER="5" BORDERCOLOR="#ff0000"><TR><TD>內容

</TD></TR></TABLE>

    2.框線粗細：BORDER="粗細值",，"粗細值"越大，框線越粗

     如設置框線為10個單位的效果代碼：

<TABLE BORDER=10><TR><TD>內容</TD></TR></TABLE>

     3.表格欄位格線距：CELLSPACING=10  即相鄰兩個單元格之間的距離

如設置相鄰單元格距離為10的效果代碼：

<TABLE cellSpacing=10 align=center border=1><TBODY><TR><TD>內容

</TD><TD>內容</TD></TR></TBODY></TABLE>

    四,、單元格合并控制代碼：

     1.左右單元格合并【同一行單元格合并】：

        colspan 就是“左右欄位合并”

      如將第一行三個單元格合并為一個單元格的效果代碼：

<TABLE border=1><TBODY><TR><TD colSpan=3>1</TD></TR>

<TR><TD>4</TD><TD>5</TD>
<TD>6</TD></TR></TBODY></TABLE>

       2.同一列單元格合并：

       rowspan 就是“上下欄位合并”

如將第一列上下兩個單元格合并的效果代碼：

<TABLE border=1><TBODY><TR><TD rowSpan=2>1</TD><TD>2</TD><TD>3</TD></TR><TR><TD>5</TD><TD>6</TD></TR></TBODY></TABLE>

五、表格背景設置：

   1.設定全部表格背景底色控制代碼：

   bgcolor="顏色碼",，代碼：

如設置表格背景為紅色的效果代碼：

<TABLE align=center bgColor=#ff0000 border=1>

<TBODY><TR><TD>內容</TD><TD>內容</TD></TR>

<TR><TD>內容</TD><TD>內容</TD></TR></TBODY></TABLE>

2.設定一列表格背景色的控制代碼：

bgcolor="顏色碼"

注：此代碼必須加在列的控制代碼<TR>中,，即為

<TR bgcolor="顏色碼">，

如設置第一行的表格為紅色的效果代碼：

<TABLE align=center border=1><TBODY><TR bgColor=#ff0000>

<TD>內容</TD><TD>內容</TD></TR><TR><TD>內容</TD><TD>內容

</TD></TR></TBODY></TABLE>

  3.設定其中一個單元格背景色的控制代碼：

    將顏色控制代碼【bgColor="顏色碼"】加在指定的單元格控制代碼中<TD>中,。

如設置第一行第一列的單元格為紅色的效果代碼：

<TABLE align=center border=1>

<TBODY><TR><TD bgColor=#ff0000>內容</TD><TD>內容

</TD></TR><TR><TD>內容</TD><TD>內容</TD></TR></TBODY></TABLE>

4.用圖片作表格背景的控制代碼：

    將圖片地址控制代碼<BACKGROUND="圖片地址">加到表格代碼中,，

     如設置表格背景顏色一樣，可以任意設定表格全部或者某一行、

某一列,、某個單元格背景圖片

   （1）圖片設置為整個表格背景：把<BACKGROUND="圖址">（加在<TABLE>中）,，

   （2）圖片設置為指定一行背景，把<BACKGROUND="圖址">（加在<TD>中）

   （3）圖片設置為指定一列背景：把<BACKGROUND="圖址">（加在<TR>中）

如設置整個表格的背景圖片效果代碼：

<TABLE align=center background="圖片地址"  WIDTH =“寬度”：

HEIGHT="高度"  border=1>

<TBODY><TR><TD>內容</TD><TD>內容</TD></TR>

<TR><TD>內容</TD><TD>內容</TD></TR></TBODY></TABLE>