Home

1. Introduction

2. Basics review

3. WIDTH

4. VALIGN

5. BORDER

6. BGCOLOR

7. CELLSPACING

8. CELLPADDING

9. ALIGN

10. Table manners

11. Editors

12. Summary

13. Exercises



Classes home

HTML Info home

 

1.Basics Review

Bare bones code for a table with one row and two columns looks something like this:

   <table border=1>
     <tr>
        <td>Column 1</td>
        <td>Column 2</td>
     </tr>
   </table>

Note 1: The border attribute isn't required, but is handy to have for layout, so you can see what you're working with.

Note 2: Editors such as FrontPage or PageMill never write this basic code. Instead they make some decisions about what you probably want, and add some attributes.

Now, below is how a browser interprets the basic code above:


Column 1 Column 2

Like most HTML codes, table codes can have a number of attributes, which are just additional qualities that come after the opening code:

   <table attribute1 attribute2>

   <table border=12 width="50%">
      <tr bgcolor="white">
These lessons will look at the different attributes and how understanding and manipulating them can help your designs.