our approach|new tutorials|contact us

HTML & CSS In Pictures

• HTML Basics
• Navigation & Layout
• Interactivity
• Advanced Layout

Lay out form using tables

1. Between the <form> tags, insert <table> tags:
   <form>
   <table>
   </table>
   </form>
2. Give the table a width of 50%, cellpadding of 5 pixels, and a border of 1.
   <table width="50%" cellpadding="5" border="1">
3. Create a row in the table:
   <table width="50%" cellpadding="5" border="1">
   <tr>
   </tr>
   </table>
4. Within this row, insert two cells:
   <table width="50%" cellpadding="5" border="1">
   <tr>
   <td></td>
   <td></td>
   </tr>
   </table>
5. In the first cell, put the word Name:
   <table width="50%" cellpadding="5" border="1">
   <tr>
   <td>Name:</td>
   <td></td>
   </tr>
   </table>