HTML Tutorial - Working with Tables
(Page 6 of 12 )
One of the unique features of HTML is its ability to create tables. A developer can easily convert the required data into a table format using <TABLE>, <TR>, <TH> and <TD> tags. First, you should create a heading using <TH> tag and then rows are to be created one by one by applying <TR> tag as shown in Listing
Listing 15
<TABLE>
<TR><TH>Sl No:</TH><TH>Name</TH>
<TR><TD>1</TD><TD>Mark </TD>
<TR><TD>2</TD><TD>Paul</TD>
<TR><TD>3</TD><TD>Mike</TD>
</TABLE>
Here, three rows and two columns are created. It is not necessary to close <TH> and <TD> tags. You can apply some modifications to the above code by applying the following attributes.
- border: Changes the border of the table. Default border is 1.
- bgcolor: Changes the background color of the table.
- align: Aligns the table to left, center, right. Default Alignment is left.
- CellPadding: It indicates the space between the border and content of the cell.
- CellSpacing: It indicates the space between two cells.
The attributes bgcolor and align are applicable to <TR> tag as well. For example, if you apply bgcolor like <TR bgcolor = "yellow">, only the background color of the row will be changed whereas if you apply it in TABLE tag, whole of the table will be of yellow color. Try this on your own in the labs.
Next: Working with Frames >>
More HTML Articles
More By Anand Narayanaswamy
|
| · | | | · | | | · | | | · | | | · | | | · | | | · | | | · | | | · | | | · | | | · | | | · | | | · | | | · | | | · | | | · | | | · | | | | |
|
