Tables

Tables

Tables are one of the major advances introduced with HTML 3.0. Web authors working in the sciences were especially concerned with HTML 2.0's inability to display information in table format. Tables are quite flexible, however, they are one of the more difficult elements to learn. Tables provide a prime example of why web page authors want to use a good HTML editor--specificlly one that has a WYSIWYG interface. To understand what I mean, simply look at the code involved in designing the table below. <TABLE>...</TABLE>

Tables are inserted between the <BODY>...</BODY> tags. If you want your table to appear as if each cell is framed you need to add a BOARDER attribute. You determine the thickness of a table boarder by assigning the border a numberic value. Tables in HTML 2.0 are ploted using <TR> Table Rows, which can contain either <TH> Table Headings, or <TD> Table Data. Tables may also contain <CAPTION>...</CAPTION> tags. In HTML 3.0 tables are ploted using <THEAD>, <TBODY>, and <TFOOT> tags. The <THREAD> tag is used to plot the table headers, and uses the <TH> tag to do this. In the <TBODY> are placed the <TR> and <TD> tags. The <TFOOT> tag is used at the end of the table. HTML browsers are backward complient, so they will properly read the older code. If your reader is using an older browser it will still interperet the table properly, but wil not include the floating header and footer.

I will now describe some of the new HTML 3.0 table attributes, all of which are optional.

ALIGN="left", "right", "center". Positions the table in relationship to any additional text outside the table and the margins of the page. The "left" and "right" values allow text to wrap around the table, the "center" value does not. The default setting is blank, which places text below the table.
CELLPADDING="lenght". Provides the vertical and horizontal spacing between a cell's content and the cell borders.
CELLSPACING="lenght". Provides vertical and horizontal spacing between the cells in a table.
COLSTART="position". Indicates where the column is positioned in the row.
COLSPAN="lenght". Indicates the number of columns that should be spanned by a cell. This attribute is used to create headers and other column labels.
ROWSTART="position". Indicates where the row is positioned in the column.
ROWSPAN="lenght". Indicates the number of rows that should be spanned by a cell.
HIGHT="lenght". Specifies the height of the table.
WIDTH="length". Specifies the width of the table. The length can be given in physical units, or can be expressed as a percentage of the display screen.

ESL SCHEDULE
MAY
SUN	MON	TUE	WED	THUR	FRI	SAT
			1st Basic 7:30am Advanced 5:00pm	2nd Basic 7:30am Advanced 5:00pm	3rd Basic 7:30am Advanced 5:00pm	4th Basic 8:30am Advanced 4:30pm
5th Basic 10:30am Advanced 1:00pm	6th Basic 7:30am Advanced 5:00pm	7th Basic 7:30am Advanced 5:00pm	8th Basic 7:30am Advanced 5:00pm	9th Basic 7:30am Advanced 5:00pm	10th Basic 7:30am Advanced 5:00pm	11th Basic 8:30am Advanced 4:30pm
12th Basic 10:30am Advanced 1:00pm	13th Basic 7:30am Advanced 5:00pm	14th Basic 7:30am Advanced 5:00pm	15th Basic 7:30am Advanced 5:00pm	16th Basic 7:30am Advanced 5:00pm	17th Basic 7:30am Advanced 5:00pm	18th Basic 8:30am Advanced 4:30pm
19th Basic 10:30am Advanced 1:00pm	20th Basic 7:30am Advanced 5:00pm	21st Basic 7:30am Advanced 5:00pm	22nd Basic 7:30am Advanced 5:00pm	23rd Basic 7:30am Advanced 5:00pm	24th Basic 7:30am Advanced 5:00pm	25th Basic 8:30am Advanced 4:30pm
26th Basic 10:30am Advanced 1:00pm /TD>	27th Basic 7:30am Advanced 5:00pm	28th Basic 7:30am Advanced 5:00pm	29th Basic 7:30am Advanced 5:00pm	30th Basic 7:30am Advanced 5:00pm	31st Basic 7:30am Advanced 5:00pm

Here is the HTML code:

<CENTER><TABLE BORDER="2"><CAPTION>ESL SCHEDUAL</CAPTION>
<TR><TH ALIGN="CENTER" COLSTART="1" COLSPAN="7">MAY</TH></TR>
<TR><TH ALIGN="CENTER" COLSTART="1">SUN</TH><TH ALIGN="CENTER" COLSTART="2">MON</TH><TH ALIGN="CENTER" COLSTART="3">TUE</TH><TH ALIGN="CENTER" COLSTART="4">WED</TH><TH ALIGN="CENTER" COLSTART="5">THUR</TH><TH ALIGN="CENTER" COLSTART="6">FRI</TH><TH ALIGN="CENTER" COLSTART="7">SAT</TH></TR>
<TR><TD COLSTART="1"></TD><TD COLSTART="2"></TD><TD COLSTART="3"></TD><TD COLSTART="4">1st Basic 7:30am Advanced 5:00pm</TD><TD COLSTART="5">2nd Basic 7:30am Advanced 5:00pm</TD><TD COLSTART="6">3rd Basic 7:30am Advanced 5:00pm</TD><TD COLSTART="7">4th Basic 8:30am Advanced 4:30pm</TD></TR>
<TR><TD COLSTART="1">5th Basic 10:30am Advanced 1:00pm</TD><TD COLSTART="2">6th Basic 7:30am Advanced 5:00pm</TD><TD COLSTART="3">7th Basic 7:30am Advanced 5:00pm</TD><TD COLSTART="4">8th Basic 7:30am Advanced 5:00pm</TD><TD COLSTART="5">9th Basic 7:30am Advanced 5:00pm</TD><TD COLSTART="6">10th Basic 7:30am Advanced 5:00pm</TD><TD COLSTART="7">11th Basic 8:30am Advanced 4:30pm</TD></TR>
<TR><TD COLSTART="1">12th Basic 10:30am Advanced 1:00pm</TD><TD COLSTART="2">13th Basic 7:30am Advanced 5:00pm</TD><TD COLSTART="3">14th Basic 7:30am Advanced 5:00pm</TD><TD COLSTART="4">15th Basic 7:30am Advanced 5:00pm</TD><TD COLSTART="5">16th Basic 7:30am Advanced 5:00pm</TD><TD COLSTART="6">17th Basic 7:30am Advanced 5:00pm</TD><TD COLSTART="7">18th Basic 8:30am Advanced 4:30pm</TD></TR>
<TR><TD COLSTART="1">19th Basic 10:30am Advanced 1:00pm</TD><TD COLSTART="2">20th Basic 7:30am Advanced 5:00pm</TD><TD COLSTART="3">21st Basic 7:30am Advanced 5:00pm</TD><TD COLSTART="4">22nd Basic 7:30am Advanced 5:00pm</TD><TD COLSTART="5">23rd Basic 7:30am Advanced 5:00pm</TD><TD COLSTART="6">24th Basic 7:30am Advanced 5:00pm</TD><TD COLSTART="7">25th Basic 8:30am Advanced 4:30pm</TD></TR>
<TR><TD COLSTART="1">26th Basic 10:30am Advanced 1:00pm</TD><TD COLSTART="2">27th Basic 7:30am Advanced 5:00pm</TD><TD COLSTART="3">28th Basic 7:30am Advanced 5:00pm</TD><TD COLSTART="4">29th Basic 7:30am Advanced 5:00pm</TD><TD COLSTART="5">30th Basic 7:30am Advanced 5:00pm</TD><TD COLSTART="6">1st Basic 7:30am Advanced 5:00pm</TD><TD COLSTART="7"></TD></TR></TABLE></CENTER>