2.5.2 表格的屬性設(shè)置 html

1.  表格標(biāo)記屬性

      （1）<TABLE>標(biāo)記的屬性設(shè)置

<TABLE  border=”n”  width=x或x%  height=y或y%  cellspacing=”i”  

        cellpadding=”j”  align=”水平對齊方式”  valign=”垂直對齊方式” 

        background=”背景圖片”   bgcolor=”背景顏色”   bordercolor=

       ”邊框顏色”>

（2）<TR>標(biāo)記的屬性設(shè)置

<TR width=x或x%  height=y或y%  align=”水平對齊方式”  

          valign=”垂直對齊方式”  bgcolor=”背景顏色” 

          bordercolor=”邊框顏色”>

（3）<TD>標(biāo)記的屬性設(shè)置

          <TD  width=x或x%  height=y或y%  colspan=”i”  rowspan=”j”  

          align=”對齊方式（水平）” valign=”對齊方式（垂直）” 

          background=”背景圖片”  bgcolor=”背景顏色” 

          bordercolor=  ”邊框顏色”>

例  2-15    表格的屬性設(shè)置

2. 單元格的合并

      <TD colspan=”i”  rowspan=”j”>

      其中，i表示合并的列數(shù)，j表示合并的行數(shù)。

例  2-16    表格單元格的合并

例  2-17    表格單元格的隨意合并

3.  表格的分組顯示

      （1）按行分組

                <TABLE>

                <THEAD>表頭</THEAD>

                <TFOOT>表尾</TFOOT>

                <TBODY>表體1</TBODY>

                ……

                <TBODY>表體n</TBODY>

                </TABLE>

例2-18  按行組制作表格。

（2）按列分組

      <COLGROUP>標(biāo)記可一次設(shè)定列組中的列數(shù)以及各列屬性。

其格式為：<COLGROUP  span=x  width=y>

      <COL>標(biāo)記可以設(shè)定一列的屬性，它可以放在<COLGROUP>中使用，

也可單獨(dú)用于定義列組以外列的屬性，但它不能構(gòu)造列組。

其格式為：<COL  span=x  width=y>

例2-19  設(shè)置列組。

4. 表格邊框和分隔線的顯示控制

     （1）邊框的顯示可以通過在<TABLE>標(biāo)記中設(shè)置frame屬性來控制。

其方法為：<TABLE  frame=屬性值>

屬性值box（顯示所有4個邊框）、above（只顯示上邊框）、below（只

顯示下邊框）、hsides（只顯示上、下邊框）、vsides（只顯示左、右邊

框）、lhs（只顯示左邊框）、rhs（只顯示右邊框）和void（不顯示任何

邊框）。

（2）分隔線的顯示可以通過在<TABLE>標(biāo)記中設(shè)置rules屬性來控制。

其方法為：<TABLE  rules=屬性值>

屬性值可以為all（顯示所有分隔線）、groups（只顯示組與組之間的分

隔線）、rows（只顯示行與行之間的分隔線）、cols（只顯示列與列之

間的分隔線）、none（不顯示任何分隔線）。