Page 109 - TP_Plus_v4_Class7
P. 109

<TR>

                   <TD> 3 </TD>

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

                   <TD> F </TD>

                 </TR>
                 <TR>

                   <TD> 4 </TD>
                   <TD> Rakshit </TD>

                   <TD> B </TD>
                   <TD> M </TD>

                 </TR>

                 </TABLE>
                 </BODY>

                 </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 of 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
                 {

                     border:2px;
                     border-style:solid;

                     border-color:green;
                     border-spacing:15px;
                 }

                 </style>
                 Using Width Property

                 The width property is used to specify the width of a box or table. 100% width will capture the complete
                 width of the web page. For example:

                 <style>

                     table{width:50%}

                 </style>

                                                                                          #Lists and Tables in HTML5 107
   104   105   106   107   108   109   110   111   112   113   114