shadowline
Table, TR & TD >> Width, Border, Align, Valign
TABLES are very similar to a spread sheet. There are rows and columns that divide an area into cells. For each cell, you specify what information is going to appear.

Creating a table uses 3 sets of tags.

TABLETable. Creates an area for cells.
TRTable Row. Creates rows within a TABLE.
TDTable Data. Creates cells within a ROW.

All 3 tag sets work togehter in harmony. All TD sets are contained within a TR set. All TR sets are contained within a TABLE set.

<table>
<tr>
<td>

</td>
</tr>
</table>

 

The CELL is contained in the ROW which is contained in the TABLE. The space in the TD tag set is where the text, images, or other objects are going to be placed. These are known as the cell contents.

A TABLE may contain many rows and cells. Here is a TABLE with 2 rows. Each row has only 1 cell.

<table>
     <tr>
          <td>

          </td>
     </tr>
     <tr>
          <td>

          </td>
     </tr>
</table>

(Indenting the code is not necessary. I just do that for easier editing and organizing.)

 
 

Notice the ROW tags do not overlap each other and show as separate sections.

A ROW may contain many cells. Here is a TABLE with 2 rows. Each row contains 2 cells this time.

<table>
     <tr>
          <td>

          </td>
          <td>

          </td>
     </tr>
     <tr>
          <td>

          </td>
          <td>

          </td>
     </tr>
</table>

  
  

Again, the separate sections do not overlap each other. TD tag sets are individual sections that are contained within a TR tag set which are contained within a TABLE tag set.

Note : Each row MUST have the same number of cells to be viewed properly.

Note : Each row and column are, by default, as wide as and high as the widest and highest object contained within them.

Note : You may have an empty cell by placing a space code into it. &nbsp;
Table, TR & TD >> Width, Border, Align, Valign
shadow

Advertise in the banner along the top, Click here!

Valid XHTML 1.0 Transitional Valid CSS! Text Link Ads
shadow
shadow