|
|||||||||
 |
 |
 |
|||||||
|
|||||||||
|
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| Home > Courses, Tutorials & eBooks > HTML Tutorial > Tables | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
 |
HTML Tutorial - Tables |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Page 1 of 4 |
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Information presented in a tabular form is always more popular than when they are displayed in paragraph form. Tabular information is easy to understand, utilize and recollect. Tables contain headings, rows and columns that simplify the otherwise cumbersome information and display the data with greater clarity. This chapter elucidates the concept of tables, their creation and customization. HTML tables enable users to arrange data into tables; in the form of text, images, and forms etc. with the help of rows and columns. Several tags can be used to make tables in a web page. They are: Table Tag The <table> tag defines a table. Table headers, table rows, table cells and other tables can be displayed inside the <table> tags. Attributes of Table Tag Border The border attribute establishes the size of the border surrounding the table. The default value is 0. When a border is set without a value, the default value is 1.
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| Cellpadding
The cellpadding attribute sets the amount of space between the cell walls and the contents. The default value for cellpadding is 1. |
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Cellspacing The cellspacing attribute sets the amount of space between the cells of a table. If the borders are visible cellspacing controls the width of internal borders.
Width The width attribute sets the width of the table. It can be expressed either as an absolute value in pixels, or as a percentage of screen width.
Bgcolor The Bgcolor attribute sets the background color of the entire table.
Background The background attribute sets the background image for the table.
Align The align attribute sets the position of the table in relation to the page. It takes the value- left or right.
Hspace and Vspace Hspace and Vspace indicate the amount of horizontal and vertical space to be put between the able and surrounding text. They must be used in conjunction with the <align> tag.
Bordercolor The bordercolor attribute sets the color of all the borders of the table.
TR Tag The <tr> tag designates a table row. Each <tr> tag contains one or more <td> i.e. table data or <th> i.e. table header elements.
Attributes of TR Tag Halign Halign sets the horizontal alignment of cells in the row. It takes up the values left, center and right.
Valign Valign sets the vertical alignment of the row. It can be set to top, middle, bottom or baseline.
Bgcolor Bgcolor sets the background color for the table row.
Bordercolor Bordercolor works similarly as with the <table> tag. The basic difference is that it only sets the colors of the inside borders.
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
 |
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
