Make a table using HTML - HTML CSS CSS Widget

HTML CSS examples for CSS Widget:Table

  1. HOME
  2. HTML CSS
  3. CSS Widget
  4. Table

Description

Make a table using HTML

Demo Code

ResultView the demo in separate window 

<html lang="en">
 <head></head> 
 <body translate="no"> 
  <table cellpadding="0" cellspacing="0"> 
   <tbody> 
    <tr> 
     <td> 
      <table cellpadding="0" cellspacing="0" style="margin: auto;"> 
       <tbody> 
        <tr> 
         <td style="border: 1px solid black; height: 100px;width: 200px;border-bottom: 0; border-right:0;"></td> 
         <td style="border: 1px solid black; height: 100px;width: 200px;border-bottom: 0;"></td> 
        </tr> 
       </tbody> 
      </table> </td> 
    </tr> <!--from   w w  w  . j av  a2s. c  o  m-->
    <tr> 
     <td> 
      <table cellpadding="0" cellspacing="0"> 
       <tbody> 
        <tr> 
         <td style="border: 1px solid black; height: 100px;width: 200px;border-collapse: collapse; border-right:0; "></td> 
         <td style="border: 1px solid black; height: 100px;width: 200px;border-collapse: collapse;"></td> 
         <td style="border: 1px solid black; height: 100px;width: 200px;border-collapse: collapse; border-left:0;"></td> 
        </tr> 
       </tbody> 
      </table> </td> 
    </tr> 
    <tr> 
     <td> 
      <table cellpadding="0" cellspacing="0" style="margin: auto"> 
       <tbody> 
        <tr> 
         <td style="border: 1px solid black; height: 100px;width: 200px;border-top: 0; border-right:0;"></td> 
         <td style="border: 1px solid black; height: 100px;width: 200px;border-top: 0;"></td> 
        </tr> 
       </tbody> 
      </table> </td> 
    </tr> 
   </tbody> 
  </table>  
 </body>
</html>

Related Tutorials