Page 111 - TP_Pluse_V2.2_Class_7
P. 111

{

                 border:2px;
                 border-style:solid;

                 border-color:green;
                 }

                 </STYLE>
                 Let us create a table using the above properties.

                 <!DOCTYPE html>

                 <HTML>
                 <HEAD> <TITLE> Students of Class 8 </TITLE>

                 <STYLE>
                 TABLE, TH, TD

                 {
                 border:2px;

                 border-style:solid;
                 border-color:green;
                 }

                 </STYLE>

                 </HEAD>
                 <BODY>
                 <TABLE>

                 <CAPTION> Table : Student </CAPTION>
                 <TR>

                   <TH> Roll No. </TH>
                   <TH> Name </TH>

                   <TH> Grade </TH>
                   <TH> Gender </TH>

                 </TR>
                 <TR>

                   <TD> 1 </TD>
                   <TD> Aarav </TD>

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

                 </TR>
                 <TR>


                                                                                         Lists and Tables in HTML5  109
   106   107   108   109   110   111   112   113   114   115   116