Page 185 - Webapplication11_C11_Flipbook
P. 185

In the preceding code, we 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. The output of the preceding code is shown:


















                 Let us create another program by using the COLSPAN attribute of the table.

                 <HTML>
                 <HEAD>

                        <TITLE> TABLE WITH COLSPAN </TITLE>
                 </HEAD>
                 <BODY BGCOLOR = "LIGHTPINK">
                 <TABLE BORDER = "3" BORDERCOLOR = "GREEN">
                   <CAPTION>BILL</CAPTION>
                   <TR>

                      <TH>ITEMS</TH>
                      <TH>QUANTITY</TH>
                      <TH>UNIT PRICE</TH>
                      <TH>PRICE</TH>
                    </TR>

                    <TR>
                      <TD>Pencils</TD>
                      <TD>100</TD>
                      <TD>1.15</TD>
                      <TD>115.00</TD>
                    </TR>

                    <TR>
                      <TD>Geometry Boxes</TD>
                      <TD>10</TD>
                      <TD>45.99</TD>

                      <TD>459.90</TD>
                    </TR>
                    <TR>
                      <TD>Pens</TD>
                      <TD>2</TD>

                      <TD>17.99</TD>
                                                                                Website Building Using HTML and CSS  183
   180   181   182   183   184   185   186   187   188   189   190