位置:首頁 > 軟件操作教程 > 編程開發(fā) > HTML > 問題詳情

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

提問人:劉團(tuán)圓發(fā)布時(shí)間:2020-11-03

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

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

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

        cellpadding=”j”  align=”水平對(duì)齊方式”  valign=”垂直對(duì)齊方式” 

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

       ”邊框顏色”>

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

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

          valign=”垂直對(duì)齊方式”  bgcolor=”背景顏色” 

          bordercolor=”邊框顏色”>

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

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

          align=”對(duì)齊方式(水平)” valign=”對(duì)齊方式(垂直)” 

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

          bordercolor=  ”邊框顏色”>

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

image.png

2. 單元格的合并

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

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

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

image.png

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

image.png

3.  表格的分組顯示

      (1)按行分組

                <TABLE>

                <THEAD>表頭</THEAD>

                <TFOOT>表尾</TFOOT>

                <TBODY>表體1</TBODY>

                ……

                <TBODY>表體n</TBODY>

                </TABLE>

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

image.png

(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è)置列組。

image.png

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

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

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

屬性值box(顯示所有4個(gè)邊框)、above(只顯示上邊框)、below(只

顯示下邊框)、hsides(只顯示上、下邊框)、vsides(只顯示左、右邊

框)、lhs(只顯示左邊框)、rhs(只顯示右邊框)和void(不顯示任何

邊框)。

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

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

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

隔線)、rows(只顯示行與行之間的分隔線)、cols(只顯示列與列之

間的分隔線)、none(不顯示任何分隔線)。


繼續(xù)查找其他問題的答案?

相關(guān)視頻回答
回復(fù)(0)
返回頂部