HTML-Table

From WikiEducator
Jump to: navigation, search
Uou-logo-100px.png
Home  |  About UOU  |  About CEMCA  |  Contact Us    

Unit 3.3 Web application development tools & Technologies


3.3.3 HTML

3.3.3.1 HTML elements

3.3.3.2 HTML document structure

3.3.3.3 HTML attributes

3.3.3.4 HTML text formatting tags

3.3.3.5 Lists

3.3.3.6 Graphics to HTML document

3.3.3.7 Tables

3.3.3.8 HTML hyperlinks

3.3.3.9 Frames


3.3.3.7 TABLES

Table consists of rows and columns.

Table displays data in column on web page. Each row of the table is describe between <TR> and </TR>.
Table row can be of types:
           <TH> is table header, defines the header of the columns of the table
           <TD> is data cell, defines the data to be displayed in the cells.

The attributes of <TABLE> tag are:

Attributes Description
ALIGN Set HORIZONTAL alignments of the text and can have one of the following values: LEFT, RIGHT and CENTER
VALIGN Set VERTICAL alignments of the text and can have one of the following values: TOP, MIDDLE or BOTTOM
WIDTH Width of table (specified number of pixel/percentage of the screen width)
BORDER Thickness of the border
CELLPADDING Distance between data and the boundaries of the cell.
CELLSPACING Spacing between adjacent cells.
COLSPAN Used inside <TH> or <TD> tag to make the cell more than one column.
ROWSPAN Used inside <TH> or <TD> tag to make the cell more than one row.

Example:
              <TABLE border=1 width=50% >
                     <TR><TH>Student Name</TH><TH> Programme</TH></TR>
                     <TR><TD>Aakash</TD><TD>PGD in eLearning</TD></TR>
                     <TR><TD>Anju</TD><TD>PGD in eLearning</TD></TR>

              </TABLE>

Next
Suggested Reading
  • Reading 01 Title
  • Reading 02 Title
  • Reading 03 Title


 Suggested Videos
  • Video 01 Title
  • Video 02 Title
  • Video 03 Title


Suggested Audio
  • Audio 01 Title
  • Audio 02 Title
  • Audio 03 Title