HTML基础第六讲---表格

深度技術論壇·

上一讲，风行鹤朋友给我们讲了关于《控制表格及其表项的对齐方式》，在这里我要讲讲表格及其属性 ，然后大家在复习一下上一节的内容，这样就会有事半功倍的感觉。

  表格，一般的用于对网页的内容进行排版，比如文字放在页面的某个位置，你就可以做个表格，然后设置一下表格的属性，它文字放在表格的某个单元个里，就行了；其实用过word的朋友应该非常明白的。除了页面的排版外，表格还可以制作出非常好看的效果，比如按钮、变色、边线等等。大家要会灵活的运用。

  看看表格的基本语法：... - 定义表格
                       ...- 定义表行
                       ...- 定义表头
                       ...- 定义表元
  下面看看它的示例：
     
                  
   FoodDrinkSweet
                  
   
   ABC   
   
   
   


　
   不带边框的表格：
   
   
   FoodDrinkSweet
   
   
   ABC  
      
   
   
Food Drink Sweet
A      B     C
   跨多行、多列的表元(Table Span)
   跨多列的表元
   
    Morning Menu  
   Food       Drink  Sweet
   ABC
   
   

   跨多行的表元
   
    Morning Menu
       Food A
   Drink B
   Sweet C
   
   

   表格尺寸设置 边框尺寸设置：
   
   FoodDrinkSweet
   ABC      
   
   

   表格尺寸设置：
   
   FoodDrinkSweet
   ABC      
   
   

   表元间隙设置：
   
   FoodDrinkSweet
   ABC      
   
   

   表元内部空白设置：
   
   FoodDrinkSweet
   ABC      
   
   

   表格内文字的对齐/布局
   
    #=left, center, right
   
   
   
  FoodDrinkSweet
  
    A
    B
    C  
  
   

   
    #=top, middle, bottom, baseline
   
   
   
               FoodDrink
               SweetOther
   
               A
               B
               C
               D
   
   

   好了，表格的基本的应用就是这些了。大家有什么问题，积极发问啊！！！


本文来自ChinaUnix博客，如果查看原文请点：http://blog.chinaunix.net/u/32310/showart_250371.html