Developing Webs Tutorial Guidance For Building and Maintaining A Web Site and More

HTML Tutorials and Generators


HTML Tutorials
Cascading Style Sheets Tutorials
Flash Tutorials
Paint Shop Tutorials
Animation Tutorials
Photo Shop Tutorials
Front Page Tutorials
Dream Weaver Tutorials
Publishing Tutorials

E-Mail Home
 
 
 
 
 

<TABLE>...</TABLE>

The TABLE Tag

The TABLE tags define the beginning and ending of a TABLE in the HTML document. Between these tags you will find the different part of a TABLE and attributes to both the table and it’s part. These determine what the table will look like and what is contained in the TABLE.

Parts of a Table:

<TR>...</TR> This tag defines a row within the table.

<TH>...</TH> This tag defines a table heading cell.

<TD>...</TD> This tag defines a table data cell.

Attributes:

  • BORDER: The BORDER tag indicates whether or not the table has a border or not. If a border is used, it also defines the width of the border.
    Example: BORDER=“0” NO BORDER
    BORDER=“1” BORDER 1 PIXEL IN WIDTH
     
  • ALIGN: The align tag can be used in either the TABLE tag or in any of the parts of a table. When used in the table tag, it will horizontally align the table within the HTML document. When used in any of the parts of the table, it will align the contents of that part horizontally.
     
  • VALIGN: The valign tag is used similar to the align tag except that it aligns vertically. It, too, can be used in either the table tag or one of the parts of the table..
     
  • Background - tiles and image in the background of the table
     
  • Bgcolor -  colors the background of the table
     
  • Cellspacing
     
  • Cellpadding
  • bordercolor
  • bordercolordark
  • bordercolorlight
     

Usage

<table align="center" bgcolor="#77AFFF" cellspacing="6" cellpadding ="10" border="5" bordercolordark="#000080" bordercolorlight="#D2F0FF" bordercolor="#0142AA" >
   <tr>
       <TD> this is a cell
       </TD>
       <TD> this is a cell
       </TD>
       <TD> this is a cell
       </TD>
   </tr>
</table>

 How It Looks

 

this is a cell this is a cell this is a cell

 

Developing Webs Group © Copyright 2001-2002 All Rights Reservedd

Web Master