HTML基础第六讲---表格

...- 定义表行
                      - 定义表头
                      - 定义表元
  下面看看它的示例：
   

HTML基础第六讲---表格

8/29/2002 网人俱乐部

上一讲，风行鹤朋友给我们讲了关于《控制表格及其表项的对齐方式》，在这里我要讲讲表格及其属性 ，然后大家在复习一下上一节的内容，这样就会有事半功倍的感觉。
 
  表格，一般的用于对网页的内容进行排版，比如文字放在页面的某个位置，你就可以做个表格，然后设置一下表格的属性，它文字放在表格的某个单元个里，就行了；其实用过word的朋友应该非常明白的。除了页面的排版外，表格还可以制作出非常好看的效果，比如按钮、变色、边线等等。大家要会灵活的运用。
 
  看看表格的基本语法：... - 定义表格
                     

...

...

 
                   
   
                 
   
       
   
   

Food	Drink	Sweet
A	B	C

   

　

   不带边框的表格：
   

   
   
   
   
     
       
   

Food	Drink	Sweet
A	B	C

   
Food Drink Sweet
A      B     C

   跨多行、多列的表元(Table Span)
   跨多列的表元

   

     
           
   
   

Morning Menu
Food	Drink	Sweet
A	B	C

   

   跨多行的表元

   

   
       
   
   
   

Morning Menu	Food	A
	Drink	B
	Sweet	C

   

   表格尺寸设置

边框尺寸设置：

   

   
         
   

Food	Drink	Sweet
A	B	C

   

   

表格尺寸设置：

   

   
         
   

Food	Drink	Sweet
A	B	C

   

   

表元间隙设置：

   

   
         
   

Food	Drink	Sweet
A	B	C

   

   

表元内部空白设置：

   

   
         
   

Food	Drink	Sweet
A	B	C

   

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

   

   
 
 
   
   
     
 

Food	Drink	Sweet
A	B	C

   

   
    #=top, middle, bottom, baseline
   

   

   
               
               
   
               
               
               
               
   

Food	Drink	Sweet	Other
A	B	C	D

   

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