Tuesday, September 22, 2015

Design the following table using nested table in HTML.



Logo (image)
Message
Menu Item 1(link)
Menu Item 2(link)
Menu Item 3(link)

Content 1
News 1
Content 2
News 2

Copyright
Facebook, Twitter(link)
Powered By

Solution:-
<html>
     <head>
            <title> table </title>
     </head>
     <body>
              <CENTER><h1> Single table </h1>
                       <table border='1' WIDTH=50%>
                                <TR>
                                        <td> Logo (image)</TD>
                                        <TD COLSPAN=2> Message </TD>
                                </TR>
                                <TR>
                                <td><center>
                               <table border='1' width=95%>
                                      <tr>
                                             <td> Menu Item 1 (Link) </td>
                                      </tr>
                                      <tr>
                                             <td> Menu Item 2 (Link) </td>
                                      </tr>
                                      <tr>
                                            <td> Menu Item 3 (Link) </td>
                                      </tr>
    `                         </table>
                              </center></td>
                             <td colspan=2><center>
                             <table border='1' width=95%>
                                      <tr>
                                            <td> Conternt 1 </td>
                                            <td> News 1 </td>
                                      </tr>
                                      <tr>
                                            <td> Content 2 </td>
                                            <td> News 2 </td>
                                      </tr>
                             </table>
                            </center> </td>
                      </tr>
                      <TR>
                              <TD> Copyright </TD>
                              <TD> Facebook, Twitter(Link) </TD>
                              <td> Powered By </td>
                      </TR>
               </TABLE>
         </CENTER>
     </body>
</html>

Output:-