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
 
 
 
 
 

 

HTML Code

<TD>...</TD>

<TD> stands for table data and denotes a standard table data
cell. A <TD> tag can only be used inside a <TR> or table row tag. There can
be just one or many <TD> between the <TR> and </TR> tags depending on how
many rows there are in the table.
A cell can contain any of the HTML elements normally found in the body of an
HTML document.


Attributes:

  • ALIGN determins where the cell contents are horizontally positioned.
     
  • BACKGROUND: This tag allows a graphic background to be placed in the cell
    instead of just a color. When used the indicated background will tile
    within the cell. Any of the supported file formats can be used as a graphic
    behind the cell.
     
  • BGCOLOR="#rrggbb"|color name: This tag allows you to specify the
    background color of the data cell by using either the specified color name
    (from the 16 recognized colors) or the rrggbb hex triplet. When using the
    hex triplet, always make sure to use the # sign in front of the rrggbb value
    but withing the " " marks.
     
  • BORDERCOLOR="#rrggbb"|color name: This tag allows you to specify the color
    of the border around the data cell and will override any BORDERCOLOR
    attributes specified previously in either the <TR> or <TABLE> tag. The
    BORDER attribute must be used in the <TABLE> tag in order for this to work.
    The color can be any of the 16 recognized colors or may be defined using the
    rrggbb hex triplets.
     
  • BORDERCOLORDARK="#rrggbb"|color name: This tag is very similar to the
    BORDERCOLOR tag and is defined in much the same way. But this tag denotes
    the darker part or shadow of a three dimensional border. Again, the BORDER
    attribute must be used in the <TABLE> tag for this to work.
     
  • BORDERCOLORLIGHT="#rrggbb"|color name: This tag is just the opposite of
    the BORDERCOLORDARK tag, but is defined the same way. It is used to define
    the lighter color of a three dimensional border and the BORDER attribute
    must be used in the <TABLE> tag for this to work.
     
  • COLSPAN="value": This attribute can appear in any table cell (<TH> or
    <TD>). It specifies how many columns of the table this cell should span.
    The default value for COLSPAN is 1.
     
  • HEIGHT="value_or_percent" : The HEIGHT attribute can be used to specify the
    height of a data cell in either pixels or the percentage of the browser
    viewing window (which varies from user to user depending on their size of
    monitor screen and resolution). Only one data cell in a row can denote the
    height of the cells in that row.
     
  • NOWRAP: The NOWRAP attribute is used to specify that the lines within this
    cell cannot be broken to fit the width of the cell. If not used correctly,
    it can result in excessively wide cells.
     
  • ROWSPAN="value" : The ROWSPAN attribute can be used in any table cell
    (<TH> or <TD>). It is used to specify how many rows of the table this cell
    should span. The default value for ROWSPAN is 1. There must be the same
    number of rows or more rows than the value used for ROWSPAN, otherwise they
    will not show up.
     
  • VALIGN determines the verticle positioning of the cell contents. top, center, or bottom
     
  • WIDTH="value_or_percent" : This attribute can specify either the exact
    width in pixels or a percentage of the width of the browser display window
    (this also varies from person to person depending on their monitor screen
    size and resolution). Only one data cell can denote the width of the
    column.

Usage:

<table cellpadding="20" bordercolor="FFFFFF" border="10">
   <TR>
      <TD>This is a table data cell
      </td>
      <TD>this is another table data cell
      </TD>
   </tr>
</table>

 

Will look like this:

This is a table data cell this is another table data cell

Developing Webs Group © Copyright 2001-2002 All Rights Reservedd

Web Master