Tables - Notes
The tag <!Table Layout begins here> is a comment that the browser will ignore.
The extension tag <TABLE BORDERCOLOR =color> is used to assign a color to the border around the edge of a table.
Gutter is the blank space that separates the material between two columns of a table.
Tables are used to display text and numbers in rows and columns, and to create a Web page layout.
In the tag <TD ROWSPAN =4>, the "4" refers to the number of rows to be spanned.
A spanning cell is a cell that occupies more than one row or column in a table.
If a browser supports table background extensions and you have written the code <TABLE BGCOLOR =WHITE><TR BGCOLOR=GREEN><TD BGCOLOR=BLUE>Hello</TD></TR></TABLE>, the text "Hello" would appear with a Blue background.
The two sided tag <TD WIDTH=50%>1998</TD> specifies a cell that occupies 50 percent of the display area with the value 1998 left-aligned in the cell.
The width and height of a graphical table can be specified by size measured in pixels and as a percentage of the display area.
When creating a table that will have a column containing numeric values, such as prices, the numbers should be aligned to the right in each cell.
To position data both vertically and horizontally in the center of a table cell, you would use <TD ALIGN=CENTER VALIGN=MIDDLE>.
By default, a browser places a table on the left margin of a page.
The difference between CELLSPACING and CELLPADDING properties of the <TABLE> tag is that CELLSPACING specifies the width of a cell border, while CELLPADDING specifies the size of the gap between a cell's text and the surrounding border.
The default value for the border property of a graphical table is 1 pixel.
The border width of a graphical table is measured in pixels.
The <TH>data</TH> two-sided tag differs from the <TD>data</TD> two-sided tag in that data entered within the <TH> tag will be centered in the cell.
If six <TD>...</TD> two-sided tags appear within a <TR> tag, the table has six columns.
TABLE is the HTML tag that begins the definition of a graphical table.
The number of rows in a graphical table is defined by the number of <TR>..</TR> that appear between the <TABLE> and</TABLE> tags.
The <TD> tags in a graphical table are used to specify the location of each individual cell.
The <PRE> tag is used to retain desired extra blank spaces, blank lines, and tabs in a Web table and cause all enclosed text to be displayed using a fixed-width font.
There can be two types of tables on a Web page: text and graphical.