– <table> Tag : HTML

 

  1. CODE RESULT
    <table border=”1″ bgcolor=”#cccccc”>
    <tr>
    <td> Hello
    </td>
    </tr>
    </table>
    Hello
  2. CODE RESULT
    <table width=”160″ border=”1″>
    <tr>
    <td width=”50%” align=”center” bgcolor=”blue”>
    Hello1 </td>
    <td width=”50%” align=”center” bgcolor=”green”>
    Hello2 </td>
    </tr>
    </table>
    Hello1 Hello2
  3. CODE RESULT
    <table width=”160″ border=”1″>
    <tr>
    <td width=”50%” align=”center” bgcolor=”blue”>
    Title1 </td>
    <td width=”50%” align=”center” bgcolor=”green”>
    Title2 </td>
    </tr>
    <tr>
    <td align=”center”>
    Hello1 </td>
    <td align=”center”>
    Hello2 </td>
    </tr>
    </table>
    Title1 Title2
    Hello1 Hello2
  4. CODE RESULT
    <table width=”160″ border=”1″>
    <tr>
    <td width=”100%” align=”center” bgcolor=”blue” colspan=”2″>
    Title </td>
    </tr>
    <tr>
    <td width=”50%” align=”center”>
    Hello1 </td>
    <td width=”50%” align=”center”>
    Hello2 </td>
    </tr>
    </table>
    Title
    Hello1 Hello2
  5. CODE RESULT
    <table width=”160″ border=”1″>
    <tr>
    <td width=”50%” align=”center” bgcolor=”blue” rowspan=”2″>
    Title </td>
    <td width=”50%” align=”center”>
    Hello1 </td>
    </tr>
    <tr>
    <td align=”center”>
    Hello2 </td>
    </tr>
    </table>
    Title Hello1
    Hello2
  6. CODE RESULT
    <table border=”1″ style=”background-color:orange;border:1px dotted black;width:160;border-collapse:collapse;”>
    <tr style=”color:white;background-color:red;”>
    <td style=”padding:10px;align:center;width:50%”>
    Title1 </td>
    <td style=”padding:10px;align:center;width:50%”>
    Title2 </td>
    </tr>
    <tr style=”color:white;background-color:green;”>
    <td style=”padding:10px;”>
    Hello1 </td>
    <td style=”padding:10px;”>
    Hello2 </td>
    </tr>
    </table>
    Title1 Title2
    Hello1 Hello2