Left Quote    I start where the last man left off.
- Thomas A. Edison    
Right Quote
[login] | [Register]

HTML Tutorial

by: ranjith
Page: 5 of 5
(View All)


Tables are one of the most vital concepts in HTML. Tables are used to make the data easier to interpret or just to give your document more impact. It may take a while to get accustomed with tables. Table starts with an <table> tag and must end with an </table> tag. If you forget to put the ending tag the table will not show up at all.

Table borders

HTML gives you the option to enable or disable border of a table. You just need to place a border=n attribute within the opening tag if you want give border to table. Usually when you do not specify the border attribute the table border will become invisible. If you give border=1 a thin border will appear around the table conversely, if your requirement is a much larger border you need to set values for the border tag accordingly.

Table Rows and Cells

By adding a mere <table></table> tag gives you only a basic outline of a table, to make the table productive you need to use the <tr></tr> and <td></td> tags. The <tr></tr> tag when placed inside the <table></table> tag will add a row to the table. If you need to separate the rows into smaller parts (often known as cells) you need to put <td></td> tag inside the row tag.

Many times, you will need a heading for a column of cells of the first row. To add this you will use the <th> opening and </th> closing tag. The table heading tag makes the text in that cell BOLD and CENTERED. You only need to use the heading cells when necessary.

You can also combine two cells of same or different rows if you want. Suppose you need to combine Cell One and Four to be combined or Cell Two and Cell Three to be combined. In order to do this, you can use the rowspan=n or colspan=n attributes in the <td> tag. The rowspan=n allows you to combine roes and colspan=n allows you to combine columns or cells. The other major attribute you can use with the <td> tag is the align attribute which when used the content of the cells will get aligned. See example below:

Heading Another Heading
row 1, cell 1 row 1, cell 2
row 2, cell 1 row 2, cell 2


CrystalGraphics offers many Web design products that can help you with your Web site. It has FrontPage website templates, Flash animations, 3D graphics, photos and more.

Templates from crystalgraphics
Flash Animations from crystalgraphics
3D Graphics from crystalgraphics
Photos from crystalgraphics

1  |  2  |  3  |  4  |  5  |  

No Comments for this page.

You Must be logged in or a member to comment.

Tutorial Stats

Tutorial Stats

0 Total Comments
0 Rating of 5 ( Votes)


Tutorial Options

· Login to Rate This Article
· Login to Post a Comment
· Read more by this author
Digg This Article! Bookmark This Article Reddit: Bookmark This Article BlinkList: Blink This Article! YahooMyWeb BlogMarks: Add This Mark! Furl: Save This Article Spurl: Mark This Article



· Site Design Made Simple
· New windows without using the target attribute
Your Article Here

"" Copyright © 2002-2020; All rights lefted, all lefts righted.
Privacy Policy  |  Internet Rank