PGDEL/DECP03/Unit3/09

From WikiEducator
< PGDEL‎ | DECP03‎ | Unit3
Jump to: navigation, search



Unit 3.3 Web application development tools & Technologies
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>


Road Works.svg Work in progress, expect frequent changes. Help and feedback is welcome. See discussion page. Road Works.svg