【代码笔记】Web-HTML-表格

一，效果图。

 

 

 

 

 

 

 

 

 

二，代码。

 

    
    



    
    

        Each table starts with a table tag. Each table row starts with a tr tag. Each table data starts with a td tag.
    
    
one column:
    

        

            
100
        
    
    
one row and theree columns:
    

        

            
100
            
200
            
300
        
    
    
tow rows and there columns:

        

            

                
100
                
200
                
300
            
            

                
400
                
500
                
600
            
        

        
        

            

                
row 1,cell 1
                
row 1,clee 2
            
            

                
row 2,cell 1
                
row 2,cell 2
            
        
         
         

            

                
Header 1
                
Header 2
            
            

                
row 1,cell 1
                
row 1,cell 2
            
            

                
row 2,cell 1
                
row 2,cell 2
            
         

this table has no bordrs:
    

        

            
100
            
200
            
300
        
        

            
400
            
500
            
600
        
    
    
And this table has no borders:
    

        

            
100
            
200
            
300
        
        
400
        
500
        
600
        

        
    
    
    
Table headers:
    

        

            
Name
            
telephone
            
Telephone
        
        

            
bill
            
3333
            
9999
        
    
    
vertical headers:
    

        

            
first name:
            
bill
        
        

            
telephone:
            
777
        
        

            
telephone:
            
999
        
    
    
    

        
Monthly savings
        

            
month
            
saving
        
        

            
Jan
            
$100
        
        

            
feb
            
$50
        
    
    
    
cell that spans tow columns:
    

        

            
name
            
telephone
        
        

            
bill
            
4444
            
999
        
    
    
cell that spans two rows:
    

        

            
first name:
            
bill
        
        

            
telephone:
            
88888
        
        

            
888888
        
    
    
    

        

            

                
This is a paragraph
                
This is another paragraph
            
            
This cell contains a table:
                

                    

                        
A
                        
B
                    
                    

                        
C
                        
D
                    
                
            
        
        

            
This cell contains a list
                

                    
apples
                    
bananas
                    
pineapples
                
            
            
HELLO
        
    
    
    
without celladding:
    

        

            
first
            
row
        
        

            
second
            
row
        
    
    
with cellpadding:
    

        

            
first
            
row
        
        

            
second
            
row
        
    
    
    
without cellspacing:
    

        

            
first
            
row
        
        

            
second
            
row
        
    
    
without cellspacing:
    

        

            
first
            
row
        
        

            
second
            
row
        
    
    
without cellspacing:
    

        

            
first
            
row
        
        

            
second
            
row
        
    

 

参考资料：《菜鸟教程》