ACCP学习旅程之----- 使用HTML语言开发商业站点( 第二章 表格基础)

1￥ 表格的基本结构
  
    表格是由指定数目的行或列组成的，至少应有<TABLE>、<TR>和<TD>三对标签。

1$ <TABLE>标签（略）

2$ <TR>标签（略）

3$ <TD>标签（略）

4$ border属性适用于所有表格标签，默认值为0（无边框）

5$ 如何创建表格

语法： <TABLE>
         <TR>
           <TD>单元格内容</TD>
         </TR>
       </TABLE>

2￥ 跨多行多列的表格（略）

    在<TD></TD>标签中使用colspan属性（跨列）和rowspan（跨行）属性

   注意：将跨多列或跨多行的单元格看成多个单元格，而单元格的个数就是
         所跨的列数或行数，只要保证各行的单元格的列数相同，就不会出
         现空白区域。

3￥ 表格的美化修饰

1）设置表格的尺寸和边框（略）

  如：
  <TABLE width=”表格宽度” height=”表格高度” border=”边框宽度”
           bordercolor=”red”>
  </TABLE>

  注意：表格<TABLE>标签中的border属性只能影响表格四周的边框宽
        度，而不能影响单元格中的边框宽度。

        美观考虑，表格边框一般不超过5像素

   bordercolor：指定边框颜色
   width：指定表格宽度，可以用像素为单位，也可以用百分比“%”

2）设置表格中的背景

1$ 设置整个表格的背景

如：

<TABLE bgcolor=”整个表格背景颜色”
                    background=”背景图像地址”>
 </TABLE>

2$ 设置行背景

   行的bgcolor颜色可以覆盖<TABLE>的bgcolor或background属性

如：<TR bgcolor=”行的背景颜色”>…</TR>

不能再行中设置background属性，只能在<TD>中设置。

3$ 设置单元格背景

   如：
     <TD bgcolor=”单元格的背景颜色”>单元格内容</TD>

3）设置单元格的对齐方式
  
   单元格中的水平对齐使用align属性：
                             默认为left 还有left right

   单元格中的垂直对齐使用valign属性：
                             默认为middle 还有top bottom

4）设置单元格的填充、间距属性

   使表格内框宽度变宽，使用TD标签的：cellspacing（间距）属性
   使文字与边框的距离拉大，使用TD标签的：cellpadding（填充）属性

4 ￥ 表格用于布局（略）