HTML Table Tags Examples I: Basic


Table Tags Examples Page 2


BORDERS
To the Table of Contents


CAPTION

To the Table of Contents


CELLPADDING
To the Table of Contents


CELLSPACING
To the Table of Contents


CELLPADDING AND CELLSPACING
To the Table of Contents


CELLPADDING, CELLSPACING AND IMG BORDER
To the Table of Contents


1X1 TABLE WITHIN 1X1 TABLE
To the Table of Contents


CENTERING IMAGES IN TABLES

In placing images in a table cell, any spaces between the tags in the coding may, depending upon the browser, get collapsed into space characters. These spaces can off center your image. Below are examples of this. For clarity, only the coding for the table cell with the image in it is shown. The table on the left has an image that is off-centered, the table on right has its image centered.


Star Trek pic
  
Star Trek pic
Star Trek pic
Star Trek pic

To the Table of Contents

Back to Image Tag Examples


TABLE ALIGNMENT

Table aligned left

  • ALIGN="CENTER"
Table aligned center
--Default setting.
(Not fully supported)

  • ALIGN="RIGHT"
Table aligned right

To the Table of Contents


TABLE WIDTH

  • WIDTH="100%"
Table expands... ...to the entire window width.
  • WIDTH="50%"
Table expands... to fill half of the window's width.
  • WIDTH="500"
Table width set at... ...500 pixels.
  • WIDTH="300"
Table width set at... ...300 pixels.

To the Table of Contents


|Title Page| |Basic Template|
|Color| |Dynamic HTML/Layers| |Form Tags| |Frame Tags| |HTML Entities / ISO Characters|
|Image Tags| |Link Tags| |List Tags| |Other Spacing / Layout Tags| |Rule Tags| |Sound Tags|
|Style Sheets| |Table Tags I| |Table Tags II| |Text Tags| |Bibliography / Resources| |Index|


© David Merchant 1997-2004.
<