Page 118 - TP_iPlus_V2.1_Class7
P. 118

<TD> 2 </TD>

                    <TD> Gauransh </TD>
                    <TD> A </TD>

                    <TD> M </TD>
                  </TR>

                  <TR>
                    <TD> 3 </TD>

                    <TD> Himakshi </TD>
                    <TD> A </TD>

                    <TD> F </TD>
                  </TR>

                  <TR>

                    <TD> 4 </TD>
                    <TD> Rakshit </TD>
                    <TD> B </TD>                                   Table : Student
                                                           Roll No.  Name  Grade Gender
                    <TD> M </TD>
                                                           1       Aarav   B      M
                  </TR>
                                                           2       Gauransh  A    M
                  </TABLE>                                 3       Himakshi A     F

                  </BODY>                                  4       Rakshit  B     M
                  </HTML>
                  In the preceding code, you have seen that rows are created by using the <TR> tag. Rows are
                  further divided into cells by using the <TD> tag. These cells contain data from the table.

                  Using Border-spacing Property

                  The border-spacing property is used to specify the space between the borders of adjacent cells.
                  For example:

                  <style>

                  table, th, td
                                                                           Table : Student
                  {
                                                                Roll No.     Name  Grade  Gender
                      border:2px;
                                                                1        Aarav     B      M
                      border-style:solid;
                                                                2        Gauransh  A      M
                      border-color:green;
                                                                3        Himakshi  A      F
                      border-spacing:15px;

                  }                                             4        Rakshit   B      M
                  </style>




                   116
                         iPlus (Ver. 2.1)-VII
   113   114   115   116   117   118   119   120   121   122   123