Tuesday, September 22, 2015

Design the following single table using HTML.



A
BB
C
D
E
F
G
H
J
K
L
M

 Solution:-
<html>
     <head>
             <title> table </title>
     </head>
     <body bgcolor='pink' text='grey'>
            <CENTER><h1> Single table </h1>
                     <table border='1' WIDTH=50%>
                              <tr>
                                    <td> A </TD>
                                   <TD COLSPAN=2> BB </TD>
                                   <TD> C </TD>
                                   <TD> D </TD>
                             </TR>
                             <TR>
                                   <TD COLSPAN=4 ROWSPAN=2> E </TD>
                                   <TD> F </TD>
                            </TR>
                            <TR>
                                    <TD> G </TD>
                            </TR>
                            <TR>
                                   <TD COLSPAN=2> H </TD>
                                   <TD COLSPAN=2> J </TD>
                                   <TD> K </TD>
                             </TR>
                             <TR>
                                     <TD COLSPAN=3> L </TD>
                                     <TD COLSPAN=2> M </TD>
                              </TR>
                  </TABLE>
             </center>
     </body>
</html>

Output:-