HTML Tables

Tables.
           When creating a website a table can be very useful. It can be used as a template to be customize. One can create rows and columns. To create a table the border can also be in the tag            < table  border = 20 width = 80% >. The tag for each row is < tr > inside the tag the border, color and size can be manipulated. In each row you can decide how many columns per row. there can be multiple tables in one page. One can also make it so that the first column is separated or doesn't have the row lines, for pictures or something using adding rowspan on the decided column < td rowspan = 4 bgcolor = Pink width = 45% >. Same can be used on the rows using colspan on the decided row < td colspan = 6 >


                Example :  < html >
                                  < head >
                                  < title > Table < /title >
                                  < /head >
                                  < body >
                                 < caption > Demo 1 : Using Colspan< /caption >
         <  table border =10 width = 70% height = 50% bgcolor = 59955C cellspacing = 10  >
                                
                      < td colspan = 6 >< center > < h1> Column Spanning< /h1> 

                                < /tr >
                                 < tr >
                             < td>  < /td>
                            < td>  < /td>
                             < td>  < /td>
                                   < /tr>
                                    < tr>
                          < td>  < /td>
                             < td>  < /td>
                             < td>  < /td>
                                  < /tr>                           < /table>
                                   < br >
        < table border =10 width = 70% height = 60% bgcolor = 62A9FF cellspacing = 10>
                     < caption> Demo 2 : Using Rowspan < /caption>
                                 
                        < td rowspan = 4 bgcolor = Pink width = 45%> 

                             < td> 
                                < td > 
                               < td> 
                                     < /tr>
                                      < tr>
                              < td>  < /td>
                            < td>  < /td>
                              < td>  < /td>
                                     < /tr >
                                      < /table >
                                       < br >
                                      < /body >
                                       < /html >


 

 

 

 

 

 


 

 

 

 

 

 



                                 
                        
                               
                                
                             
                             
                             
                                
                                   
                             
                             
                              
                                




Column Spanning

 
     
     
Anonther Span

































Demo 2 : Using Rowspan
             
           
           
           






























</ Table>
Demo 1 : Using Colspan

Column Spanning

 
             
           
           
Anonther Span

No comments:

Post a Comment