HTML之七:表格。
通常用表格给网页进行布局。那么表格的形式示例如下:
<table>
<tr>
<td></td>
</tr>
</table>
示例说明:<table></table>表示表格的开始于结束。<tr>表示表格中的一行,有几行就有几个<tr>,<td>表示一行中的单元格,有几个单元格就有几个<td>,所以<td>放在<tr></tr>中。实际表格中第一行往往是粗体、居中显示,这是表头标记<th>在作怪。<th>和<td>用法一样,都放在<tr>里面。只是<th>自动控制了粗体、居中显示效果。有阴必定有阳。有表头标记必定有表尾标记<tfoot>!但是表尾<tfoot>不是放在<tr></tr>之中,而是<tr></tr>放在<tfoot></tfoot>的中间,我们就这样修饰最后一行。(你说这是为什么呢?--No why,just remember it.)当然在实际中,我们也可以去掉<th>和<tfoot>两个属性。
<html>
           <head>
                   <title></title>
           </head>
       <body>
              <table border="1" bordercolor="red">
                       <tr>
                            <th>我是愤怒</th>
                        </tr>
                       <tr>
                            <td>你是谁</td>
                        </tr>
                        <tfoot>
                        <tr>
                            <td>嘿嘿</td>
                        </tr>
                        </tfoot>
              </table>
         </body>
</html>
 
这样我们就定义了一个表格,可是这样写入Dreamweaver或者txt文档中,以html或者htm格式打开什么也看不见,因为我们没有给<table>加属性。下面说说各个标记的属性:
<table  align              表格的水平对齐方式             
       background        表格的背景图         
       bgcolor            表格的背景颜色     
       border              表格边框的宽度     
       bordercolor         表格边框的颜色      
       height              表格的高度      
        width              表格的宽度   
                                                                                 
      属性                                    说明                                                        属性值                           
<tr align                    设置行内文字的水平对齐方式         left、center、right justify  
    valign                    设置行内文字的垂直对齐方式          top、middle、bottom、baseline  
    bgcolor                 设置行的背景颜色                            英文颜色名称或者十六进制   
    height                   设置行的高                                          值为整数或者百分数  
    bordercolor          设置行边框颜色  
    bordercolorlight    设置行边框亮边的颜色  
    bordercolordark   设置行边框暗边的颜色  
                                                                                       
<th align   valign   background    bgcolor  height   width      他们的属性值敲了好多遍了,就不再赘述。
    colspan 设置表头单元格在水平方向上跨多个列        单元个数      
    rowspan 设置表头单元格在垂直方向上跨多个列        单元个数 
    bordercolor   
    bordercolorlight    设置行边框亮边的颜色  
    bordercolordark    设置行边框暗边的颜色 
                                                                            
 <td align valign background bgcolor height width colspan rowspan 属性同上,属性值同上,不同的是修饰的td这个单元格。偷个懒吧。(Forgive me,please.现在浑身无力,香汗淋漓,上午上吐下泻的,估计是昨晚吃的羊肉串……..)  
<tfoot align valign bgcolor 属性以及属性值同上。修饰的是<tfoot>表尾.
好了,一些属性以及属性值终于介绍 完了。有句话不是说:实践出真知.