Page 57 - TP_Prime_V2.2_Class7
P. 57

border:2px;
                     border-style:solid;

                     border-color:green;
                     background-color:orange;
                     color:blue;
                 }
                 </STYLE>



                  Attributes of the <TD> Tag                                                                                HTML—LISTS AND TABLES


                 Following are the attributes used to present the cell or table data in more effective manner:

                    ROWSPAN: The ROWSPAN attribute applies when a cell is extended for more than one
                   row, that is, the cell spans for 2 or more rows instead of 1 as shown in below table.


                               <TD ROWSPAN="3">                                                                           55


                                              Category                          Types
                                                                    Badminton
                                   Sports                           Football
                                                                    Basketball

                                                                    Judo
                                   Martial Arts
                                                                    Karate


                   Here, the cell “Sports” is taking a span of 3 rows and “Martial Arts” is taking a span of
                   2 rows.

                    COLSPAN: The COLSPAN attribute applies when a cell is extended to more than one
                   column, that is, the cell spans for 2 or more columns instead of 1, as shown in the table

                   below:

                                          Roll No.         Name           Marks     Grade
                                                       First     Last




                   Here, “Name” cell is taking a span of 2 columns.






                                   If HTML is a canvas and you are an artist, how would you design web pages and layout
                                   to express your creativity and style?
   52   53   54   55   56   57   58   59   60   61   62