Page 109 - Plus V4 with Adobe class 7
P. 109

<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