Cell Display

Definition Of Terms



The Basics
  • <<>table> Begins all table codes.
  • <<>tr> Is " table row"
    think of them as stacked, spaced lines on line paper.
  • <<>td> Is "table data" or the place the cell information is entered for display.


You could build a table based on JUST those three tags, closing them in the appropriate places. But, there is sooooooo much MORE you can do . Let's go on and identify some more attributes...sooo KEEP scrollin' !!



Design Attributes

( replace the ????'s with the # of pixels or color name or number, as appropriate. )

  • <<>table bgcolor="????"> is the color of the table backgound.
  • <<>table width="????"> defines the width either in pixels or by percent ( % ).
  • <<>table height="????"> is the overall height of the table.
  • <<>table align="????"> is defined as "left", "right" or "center", depending on WHERE on the page you wish it to appear.
  • <<>td align="????"> is defined as above , but aligns the DATA placement inside the cell.
  • <<>table border="????"> is used if you wish to have a border. ( May be specified as "0" in certain cases & a number like "25" gives a HUGE border. )
  • <<>table cellspacing="????"> is the amount of space between the border of the cell and its contents.
  • <<>cellpadding="????"> gives it some depth.
  • <<>colspan="????"> is used to span in a horizontal position.
  • <<>rowspan="????"> is used to span vertically.

    ( remember columns are horizontally spaced, rows are vertically "stacked " when trying to visualize what does what. )

    • <<>th> is table header, often for text between the opening and closing tags, and appears like <<>td> except that it is bold, and centered.

      There are various ways to combine the above attributes to achieve the desired results. Let's look at some of them.