<Assignment Title>

Here is the main assignment title given by Instructor. This should be the main title.

Contents

Here is the content of the assignment related. List the every sub assignment title and sub section, and link them using the anchor.

1. <Sub Assignment Title 1>

1.0 Overview
1.1 tag
1.2 Attribute
1.3 Code Example
1.4 Output Example
1.5 Description

Overview

Here is the overview of the sub assignment material. Describe summary of the material.

The TABLE element defines a table for multi-dimensional data arranged in rows and columns. TABLE is commonly used as a layout device. Notice that current visual browsers will not display anything until the complete table has been downloaded, which can have very noticeable effects when an entire document is laid out within a TABLE.

The TABLE may contain a number of optional elements to provide a rich structure to the table. The optional CAPTION element gives a caption for the table and is followed by optional COL and COLGROUP elements that specify column widths and groupings. The THEAD, TFOOT, and TBODY elements then follow with groups of rows. The optional THEAD and TFOOT elements contain header and footer rows, respectively, while TBODY elements supply the table's main row groups. A row group contains TR elements for individual rows, and each TR contains TH or TD elements for header cells or data cells, respectively...

....

Tag

Here is the tag. Describe tag of the syntax.

<COLGROUP>, <COL>

Attribute

Here is the attribute. Describe the attribute of the tag above. The tag used in HTML should be highlighted by bold and blue.

SPAN="Number" (number of columns in group)
WIDTH="MultiLength" (width of each column)
ALIGN="[ LEFT| CENTER | RIGHT | JUSTIFY | CHAR]"
(horizontal alignment of cells in group)
CHAR="Character" (alignment character for cells)
CHAROFF="Length" (alignment character offset)
VALIGN="[ TOP| MIDDLE | BOTTOM | BASELINE]" (vertical alignment of cells in group)

Content: Zero or more COL elements
Contained in : TABLE

Code Example

Here is code example. Code is described shortly to make reader understand easily. The tag is highlighted by bold and blue.

<TABLE BORDER="1" ALIGN="CENTER">
  <COLGROUP>
    <COL SPAN="2" WIDTH="40%">
    <COL SPAN="1" WIDTH="20%">
  </COLGROUP>
  <TR>
    <TD>column 1</TD>
    <TD>column 2</TD>
    <TD>column 3</TD>
  </TR>
</TABLE>

Output Example

Here is the real output example. Note that it should be "real example" even thought the CSS style sheet is used so that CSS should be eliminated.

Description

Here is the description of the usage on how to interpret the code above. The section should be explained thoroughly.

This table has a total of three columns. The <COLGROUP> element identifies the columns as part of the same structural group (there may be many column groups in a table). Within the COLGROUP, the first <COL> element identifies two columns ( SPAN="2" ), each within a width of 40% of the table. The remaining <COL> has a width of 20%. If all the columns in the table were to be the same width, the width could have been specified in the <COLGROUP>.