Table

But then there are other things that specify the use of tables, but these are included in the table tag.
<Table...........>

Border

Summary
One of the most unused attribute and somewhat never heard of part of html tables. This attribute tells the browser the alt text for  tables (like img's (images) alt property that tells what it is if the picture isn't there). The reason why this is probably never used is because almost no browser has tables off and about every web page has a table somewhere and tables were made since Netscape's 1.0 version of their browser, the property Summary is used rarely and sometimes not even considered or a never heard of part in html, not even in many popular html books!!, but since this makes your page "a little bit better" and gives accessibility "another accessibility star", it well worth it, but consider using this property. This is RARE.
table summary="The layout of my page is in tables and it is most likely that you'll never see this part of html"></table>
(if you don't see a table, that means that is the real example of the summary attribute)

if this is a table, your browser supports tables, if not another message will appear

(Note: consider using this property for your tables, even though i don't use it. :( )
Back to top

Border=#of pixels
This attribute tells how big you want your table border to be in a specific number of pixels.
(ex)

The regular default border(1)	The border is 5 pixels big
<table border></table> this is a table	<table border=5></table> this has a 5 pixel  border

(note: this is not affective without the Border attribute)

Bordercolor=hexademical value or color
This attribute specifies the color of the tables border( the outer part of the table)
(ex)

Default table (gray/white)	table with red border
<table border></table> default gray border table	<table bordercolor="red"></tab table with red border

Note: this effect will no work if you set the border to 0 pixels or don't include the border attribute.

Cols
This attribute tells how much columns the table has (if it only has 1 column, then this is not required, but with 2 or more, it is required) if there is more than columns. Without this attribute, you can't use table cells, table rows and other stuff that are explained later.
(ex)

A regular one column table	this is a regular two column table
<table cols=1></table> this is a one column table	<table cols=2></table> this is a two cols table

Note: that the <td> tags are not explains here. The cols property is used to specify how much columns the table will have.

Just for fun, here is a table with all the attributes listed.
<table border="5" bordercolor="red" Summary="this is a table" cols="2" ></table>

this has a 5 pixel wide table	with a border
which the bordercolor is	Red

Note: this kind of table is useful if you want to make a table like button.
Back to top

Example B of everything shown and compiled together
<table border="5" bordercolor="red" Summary="this is a table" cellspacing="5" cellpadding="5" cols="2"></table>

this is example B of 5	cellspacing and
5 cellpadding, 5 border	border red

Back to Top

Background
This property specifies the background image for the table, unlike td's or td's background, the whole table is rather tiled or centered if the image is right. Also, if you include the background property, you must get rid of the bgcolor property because it is useless against this property.
(ex)

A regular color (the color is light green instead of the default)	This table has a background image
<table bgcolor="66FF99'></table> this is a light green colored table	<table background="background_name.gif"></table> This has a back ground image called "background.gif"

Note: that both properties can be used together only if you want the bgcolor=color for non-image users and background="background_name.gif" can be with users with images.
 

Example of everything shown 3
<table border=5 bordercolor="red" cellspacing=5 cellpadding=5 width=67% bgcolor="orange" align=center height=40 Summary="this is a table" cols="2"></table>

Introduction of Cells and Cell Rows

Note: That all cells with different properties requires an end </td> tag, but isn't necessary if the cell doesn't need any formatting, but still it should still be there even without formatting to get in a habit of it. Also the following are the new tags being introduced in this part.

<TR></TR>-Means Table Row and must contain the <td></td> (table cell) attribute inside them.
<TD></TD>-Means table cell and are contained inside the <TR> (table row) value.

<tr align=Left | Right | Center>
This property is more likly for things inside the row, than the row itself.
(ex)

<tr align=left></tr> You know what i'm going to do, im going to use default (L)	<tr align=center></tr> this part will be centered
<tr align=right></tr> This will be right align	<tr align=char></tr> this is the weird, but unused char

Note: there are more properties, but don't worry

<tr valilgn= top | center | bottom | baseline>
This property shows the valign of up and down, and can be combined with align=left etc.
(ex)

<tr valign=top></tr> this is top	<tr valign=center></tr> this is a center
<tr valign=bottom></tr> this is a bottom	<tr valign=baseline></tr> this is a baseline

Note: this probably has no affect, but is a key concept of html

now that i'm done with rows (not enough info, right?), but later i will teach you how to use tables, and put them together without going our the easy way (i did, but still you should know what you are doing.)

Here is a list of the elements and quick reference before I explain them, because this is where it starts to get complicated.
 

	<td align= left, right, center></td>	makes the text center, right or center
	<td valign=top, middle, bottom	makes the text top, middlem, or bottom
	<td colspan=# of cells spanned	used to make regular cells occupy more cells
	<td rowspan=# of rows spanned	used to make regular cell occupy more rows
	<td width=# of pixels or percentage	tell how big the cell is in the tables
	<td bgcolor= rgb, hexadenical, color	the background color of the cell.

introduction of how these are used
this is probably the most hardest thing in html to use because it has so much properties and that they depend of the browser to calculate whay it should look like. There are many tricks to avoid certain elements and tables, also consider using css, which can almost eliminate tables aligning and things like that. Please consider using tables to present your page than frames, or even lists (explained way later)

<Td align="left, right, center"></td>
As always, i will show the example as the default and other properties, even though they may not always work.

(ex)
 

This property will show how the alignment of tables can work affectively

<td align="left" ............></td>(default)

<td align="center" ..........></td> (center)

<td align="right ..............></td> (right)