|
|||||||||
 |
 |
 |
|||||||
|
|||||||||
|
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| Home > Courses, Tutorials & eBooks > HTML Tutorial > Tables | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
 |
HTML Tutorial - Tables |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Page 3 of 4 |
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Caption Tag The caption Tag sets a caption for the table. The <caption> tag is placed just after the <table> tag. There should be only one <caption> per table.
Attributes of Caption Tag Align Align sets the alignment of the table caption. Align does not work like other alignment attributes. In this case, there are four acceptable values-Align=top puts the caption on top of the table, align=bottom puts it on the bottom of the table. Align=left puts the caption on top to the left, and align=right puts the caption on top to the right.
Col Tag The col tag defines the attributes for one or more columns in an HTML table. It is placed after the table tag. Each <col> tag defines the properties of one column, unless the span attribute is applied to indicate that it is for more than one column. The first <col> sets the properties of first column, the second <col> sets the properties of second column and so on. It is a singular tag but according to modern practice it should be properly closed.
Attributes of Col Tag Span It indicates that how many columns the <col> tag affects. The default value is 1.
Align Align sets the horizontal alignment of the cells in the column. It takes up four values, which are left, right, center and justify. But justify is poorly supported by the browser.
Width Width fixes the width of the column.
Bgcolor Bgcolor sets the background color of cells in the column.
Colgroup Tag Colgroup defines a group of columns in the table and allows the user to set the properties of these columns. It is placed immediately after the table tag. It works very much like the <col> tag and needs to be closed properly. It is useful when borders have to be put between groups of columns instead of every column.
Attributes of Colgroup Tag Span Span indicates how many columns are in the group. It works same as in <col span=….>. The default for span is 1.
Align Align sets the horizontal alignment of the cells in the column group. It works like it works in the <col> tag. It takes up four values- left, right, center and justify. But justify is poorly supported by the browser.
Width Width sets the width of each column in the column group. If a column group has a width of 20% and has two columns in the group, then width of each column is 20%.
The tags illustrated above are applied in the following example:
This is how the web page looks:
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
 |
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
